PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Добавление в БД с помощь javascript

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Alex213	Отправлено: 25 Июля, 2015 - 14:18:39
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	Имеется код, нужно сделать так, чтоб при нажатии на кружок отправлялся запрос в базу данных (INSERT INTO), для того чтоб сохранилось нажатие. В javascript я чайник, скрипт который здесь написан, естественно писал не я, и как объединить скрипт с php для данного примера я не в курсе. В общем нужно добить скрипт, чтоб он отправлял запрос, для данного цикла. CODE (html): скопировать код в буфер обмена <style> .circle { display: inline-block; width: 100px; height: 100px; background: #999; border-radius: 50%; } .activess { background: #333; } </style> CODE (javascript): скопировать код в буфер обмена <script> var d = document; d.addEventListener('DOMContentLoaded', function () { var cirles = [].slice.call(d.querySelectorAll('.circle')); [].forEach.call(d.querySelectorAll('button'), function (but) { but.addEventListener('click', function () { var act = this.getAttribute('data-action'); cirles.forEach(function (el) { el.classList[act]('activess'); }); }, false); }); cirles.forEach(function (el) { el.addEventListener('click', toggleCirсleClass); }); function toggleCirсleClass() { this.classList.toggle('activess'); } }, false); </script> CODE (html): скопировать код в буфер обмена <div> <?php require_once 'config.php';?> <?php if ($res_tt = mysql_query("SELECT nid, sid FROM tt ORDER BY nid, sid")) { $v=0; while($row_tt = mysql_fetch_assoc($res_tt)){ if ($row_tt['nid']!=$v) { $v=$row_tt['nid']; ?> <li><button data-action="add">Вкл.</button></li> <li><button data-action="remove">Выкл.</button></li> <?php } ?> <span class="circle"><?=$row_tt['sid']?></span> <?php } ?> <?php mysql_free_result($res_tt); } ?> </div> Прикреплено изображение (Нажмите для увеличения)

Сочная Долька	Отправлено: 25 Июля, 2015 - 15:38:51
Новичок Покинул форум Сообщений всего: 5 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	Первым делом, пишите php-скрипт, который добавляет нужные данные в БД. Например "add_circle_data.php". Далее, в JS коде в функции toggleCircleClass отправляйте запрос вашему скрипту. С помощью JQuery это можно сделать например так: CODE (javascript): скопировать код в буфер обмена $.ajax("/add_circle_data.php?информацияОКружочке"); http://api[dot]jquery[dot]com/jquery[dot]ajax/ Не забудьте прикрутить JQuery в клиентский код (если он ещё не прикручен).

Alex213	Отправлено: 25 Июля, 2015 - 22:01:21
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	Сочная Долька пишет: Не забудьте прикрутить JQuery в клиентский код (если он ещё не прикручен). А не подскажите как приклеить данный скрипт к запросу, нужно чтоб первые три круга и вторые работали отдельно, но когда я нажимаю вкл или выкл, то выделяются все пять кругов

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.