PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

AJAX Checkbox+Mysql

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

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

Описание: асинхронный запрос

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

DarkRevenger	Отправлено: 08 Июня, 2011 - 12:36:13
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Есть готовая страница на php, работает идеально, но есть проблема. После того как пользователь проставит все галочки, ему нужно нажимать кнопку, а как можно избавиться от этого? Подкажите плиз реализацию чего-нибудь такого. Нужно чтобы просто значение чекбокса в таблице менялос с 0 на 1 без кнопки (Отредактировано автором: 08 Июня, 2011 - 13:15:51)

DlTA	Отправлено: 08 Июня, 2011 - 14:33:55
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	подключаете jquery всем чекбоксам (которые надо обрабатывать) выборка цепляете на событие onClick, проверку статуса, и методом jQuery[dot]get отправляете соответствующие данные PHP скрипту, который в свою очередь вносит нужные изменения гдето там в закромах можно сделать без jquery, но тогда возни чуть больше.

DlTA	Отправлено: 17 Июня, 2011 - 11:52:21
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	вот вариант реализации без использования jquery оказалось даже очень просто CODE (html): скопировать код в буфер обмена <script language='javascript'> function sendCheckInfo(el) { // alert(el.value); request = new XMLHttpRequest(); var url = "/processPage?checkId=" + el.id + "&checkStat=" + escape(el.value); //alert(url) request.open("GET", url, true); request.send(null); } </script> <input type='checkbox' id='check1' onclick='javascript:sendCheckInfo(this)'> только теперь надо правильно указать адерс страницы "url=..." ну и полноценный обработчик PHP для таких запросов. (Отредактировано автором: 17 Июня, 2011 - 11:53:59)

Viper	Отправлено: 17 Июня, 2011 - 13:32:38
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	DlTA крайне уязвимый код. В том же firebug запускаем фунцию в цикле и шлем на сервер n+1 запросов. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DlTA	Отправлено: 17 Июня, 2011 - 14:00:00
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	а причем тут уязвимость? если если приспичет осуществить DOS атаку, то тут уж и без скрипта все можно устроить

DarkRevenger	Отправлено: 24 Июня, 2011 - 10:01:26
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Подскажите как построить ajax запрос чтобы при установке чекбокса срабатывала одно условие, а при снятии другое? Установили чекбокс, в БД значение стало 1 Сняли чекбокс, в БД значение стало 0 Что-то я никак не соображу Вот код AJAX CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> $(document).ready(function(){ $(":checkbox").click( function () { $.ajax({ type: "POST", data:call_id:"id_call", url: "checkbox.php" }); }); }); //т.е. нужно передать id чекбокса (id_call) в checkbox.php </script> А вот так примерно выглядит обработчик PHP: скопировать код в буфер обмена <?PHP if($_SERVER['HTTP_X_REQUESTED_WITH']=='XMLHttpRequest') { if (isset($_POST['call_id'])) { $q1="select personal from calls where id_call=call_id"; $r1=mysql_query; if personal=1 {$q="update Calls set personal=0 where id_call=call_id"} else {$q="update Calls set personal=1 where id_call=call_id"} } } ?> (Отредактировано автором: 24 Июня, 2011 - 10:01:57)

Viper	Отправлено: 24 Июня, 2011 - 14:06:20
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	DlTA вы не поняли о чем я. DarkRevenger CODE (javascript): скопировать код в буфер обмена if ($(":checkbox").is(":checked")) { } else { } сам чекбокс отмечается CODE (javascript): скопировать код в буфер обмена $(this).attr("checked", $(this).is(":checked")); Это своего рода костыль, т.к. в IE есть баг с отметкой чекбокса. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DlTA	Отправлено: 27 Июня, 2011 - 12:28:57
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	сообщение для DarkRevenger (Отобразить) пишите все свои вопросы в теме, вопросы посланные в личку не всегда могут быть вовремя рассмотрены, следующий код не использует jquery, как говорится все на чистом JS: код (Отобразить) CODE (html): скопировать код в буфер обмена <script language='javascript'> function sendCheckInfo(el) { // костыль под IE и т.д. try { request = new XMLHttpRequest(); } catch (trymicrosoft) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (failed) { request = false; } } } var url = "/processPage?checkId=" + el.id + "&checkStat=" + escape(el.value); //alert(url) request.open("GET", url, true); request.send(null); alert(url); } </script> <input type='checkbox' id='check1' onclick='javascript:sendCheckInfo(this)'> если же интересует ajax запрос на jquery то вам сюда, и сюда. там все понятно и красиво расписано. а о костыле для IE уже было расписано выше у Viper, в первом коде. хотя насколько я понял при каждом выделении/снятии нужно отправлять не все чеки, а только обрабатываемый поэтому придется включить моцк и малеха переделать.

Viper	Отправлено: 27 Июня, 2011 - 13:09:23
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Сосбтно дабы небыло непоняток по коду с jquery. Для одного чекбокса обработка клика: CODE (javascript): скопировать код в буфер обмена $(":checkbox").click(function(){ $(this).attr("checked", $(this).is(":checked")); }); Для группы. Т.е. у нас есть один главный чекбокс при клике на который отмечаем все остальные. CODE (javascript): скопировать код в буфер обмена $("#checkAll").click(function(){ $(":checkbox").attr("checked", $(this).is(":checked")); // именно через селектор, а не через this! }); ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DlTA	Отправлено: 27 Июня, 2011 - 20:42:20
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	Viper, чет я не догоняю Viper пишет: $(":checkbox").click(function(){ $(this).attr("checked", $(this).is(":checked")); }); этот код (насколько я понял), каждому чекбоксу на странице на событие клик переводит чекбокс в тоже состояние в котором он нынче и находится [dot]is(), как то не логично!?

Viper	Отправлено: 27 Июня, 2011 - 22:17:19
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	DlTA пишет: как то не логично .is в данном случае возвращает true если чекбокс актвен. соответственно если какой-то отмечен, то с него будет снята отметка. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DlTA	Отправлено: 28 Июня, 2011 - 00:08:18
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	Viper, а обычного CODE (javascript): скопировать код в буфер обмена if ($(this).attr("checked")) {...} недостаточно? или проблема в том что сначала происходит обработка события и только потом изменение статуса?!

Viper	Отправлено: 28 Июня, 2011 - 23:02:27
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	DlTA скажем так... обработать чекбоксы проще первой записью. приведенный вами пример лишь позваоляет выполнять дополнительные действия. но опять же мною были замечены грабли в IE8(шоп этому мелкософту пусто было...) ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DarkRevenger	Отправлено: 29 Июня, 2011 - 07:52:27
Новичок Покинул форум Сообщений всего: 40 Дата рег-ции: Май 2011 Помог: 0 раз(а)	DlTA Что-то я не совсем понял сути кода. У меня сделано так. Есть страница Index.php куда выводится вся инфа. И есть страница ajax, которая при клике на какой-нибудь номер в Index генерит таблицу с данными об этом номере. Index.php Спойлер (Отобразить) CODE (htmlphp): скопировать код в буфер обмена <script type="text/javascript"> function f_show(recipient, elem) { var div = $("#div" + recipient); var link = $(elem); if (div.is(":hidden")) { if (div.text() == "") { div.load("ajax.php", { "recipient": recipient }, function(responseText, textStatus) { if (textStatus == 'error') {div.html("Ошибка при загрузке, нажмите ссылку ещё раз");} div.slideDown(300); link.html("Скрыть");}); } else {div.slideDown(300); link.html("Скрыть");} } else {div.slideUp(300); link.html("Показать");}} </script> </head> <body> <?php if(isset($_SESSION['id'])) { $id =$_SESSION['id'];} else { echo "<p class='block' style='color:red'>You have come to a page without an argument!<a href='index.php'>Home</a></p>";} if (!preg_match("\|^[\d]+$\|", $id)) {echo "<p class='block' style='color:red'>Invalid request format! Check URL <a href='index.php'>Home</a></p>";} $phone_number = $_SESSION['phone_number']; if (empty($_SESSION['login'])) { echo "<p class='block' style='color:red'>User does not exist! Perhaps it was deleted.<a href='index.php'>Home</a></p>";} //если такого не существует echo "<h3>Personal user page: ".$_SESSION['lastname']." ".$_SESSION['firstname']."</h3>"; $query="SELECT distinct recipient FROM Calls WHERE phone_number=$phone_number AND Calls.date_of_call BETWEEN DATE_SUB(DATE_SUB(CURDATE(), INTERVAL 1 MONTH), INTERVAL DAY(CURDATE())-1 DAY) AND DATE_SUB(CURDATE(), INTERVAL DAY(CURDATE()) DAY) and Calls.Cost>0 order by recipient"; $result=mysql_query($query); if($result) { while ($myrow = mysql_fetch_array($result)) { echo "<h2><input type='checkbox' name='recipients' id='recipients'>".$myrow[0]."</h2> <a href='#' onclick='f_show(".$myrow[0].", this); return false;'>Показать</a> <br>"; echo ' <div id="div'.$myrow[0].'" style="display:none;">'; echo "</div>\n";} } ?> ajax.php Спойлер (Отобразить) CODE (htmlphp): скопировать код в буфер обмена <?php header('Content-Type: text/html; charset=utf-8'); if (!isset($_SERVER['HTTP_X_REQUESTED_WITH'])) { exit('Данные отправлены не через AJAX'); } if (isset($_POST['recipient'])) $recipient =$_POST['recipient']; else $recipient = 0; if ($recipient === 0) exit('Параметр содержит ошибку'); $db = mysql_connect('localhost', 'root', '') or die('Не удалось установить подключение'); mysql_select_db('Calls') or die('Такой базы данных нет'); echo '<script type="text/javascript"> $(document).ready(function(){ $(":checkbox").click( function () { $.ajax({ type: "POST", data:call_id:"id_call", url: "checkbox.php" }); }); }); </script>'; $phone_number=$_SESSION['phone_number']; $query = "SELECT * FROM Calls WHERE phone_number=$phone_number AND Calls.date_of_call BETWEEN DATE_SUB(DATE_SUB(CURDATE(), INTERVAL 1 MONTH), INTERVAL DAY(CURDATE())-1 DAY) AND DATE_SUB(CURDATE(), INTERVAL DAY(CURDATE()) DAY) and Calls.Cost<>0 and recipient=".$recipient; $result=mysql_query($query); if($result) {$o=array($tcalls); while($myrow = mysql_fetch_array($result)){ if($myrow['personal']==1) {$o[]="<td class='check'><input type=checkbox name='call_select[]' checked data-on='Personal' data-off='Business' value='$value'></td>";} else {$o[]="<td class='check'><input type=checkbox name='call_select[]' data-on='Personal' data-off='Business' value='$value'></td>";} $o[]="<td>{$myrow['cost']}</td>"; $o[]="<td>{$myrow['recipient']}</td>"; $o[]="<td>{$myrow['date_of_call']}</td>"; $o[]="<td>{$myrow['time_of_call']}</td>"; $o[]="<td>{$myrow['duration']}</td>"; $o[]="<td>{$myrow['description']}</td>"; $o[]="<td>{$myrow['volume']}</td>"; $o[]="<td>{$myrow['rouming']}</td>"; $o[]="</thead></tr>"; }$o[]="</tbody></table>"; $o[]="</form><br>"; echo implode('',$o); } ?> Я пробовал использовать тот же код ajax который уже есть, просто переделать его под обработку чеков и сделать две функции, одна для обработки каждой строки отдельно, а вторая для обработки всего полученного массива. т.е. создавал под них 4 разных запроса. 1.1. Обработка одной строки (снять чекбокс) update Calls set personal=0 where id_call=call_id 1.2. Обработка одной сроки (установить чекбокс) update Calls set personal=1 where id_call=call_id 2.1. Обработка массива звонков (установить чекбокс) update Calls set personal=1 where recipient=recipient 2.2. Обработка массива звонков (снять чекбокс) update Calls set personal=0 where recipient=recipient Т.е. как-то так. Но сейчас мне почему-то кажется это полным бредом.

Viper	Отправлено: 29 Июня, 2011 - 08:50:36
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	DarkRevenger это зачем? CODE (htmlphp): скопировать код в буфер обмена if (!isset($_SERVER['HTTP_X_REQUESTED_WITH'])) { борьба с мухами? 1.1 и 1.2 можно в if взять и упростить. 2.1 и 2.2 через IN в запросе. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

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

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

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

« JavaScript & VBScript »

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