Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Закрытая тема
Ваша тема закрыта, почему это могло произойти? Возможно,
Нет наработок или кода, если нужно готовое решение - создайте тему в разделе Фриланс и оплатите работу.
Название темы включает слова - "Помогите", "Нужна помощь", "Срочно", "Пожалуйста".
Название темы слишком короткое или не отражает сути вашего вопроса.
Тема исчерпала себя, помните, один вопрос - одна тема
Прочитайте правила и заново правильно создайте тему.
 
Опции темы Поиск в этой теме
Старый 25.07.2015, 14:24   #1
Alex2213
Пользователь
 
Регистрация: 07.07.2015
Сообщений: 39
По умолчанию Добавление в БД с помощь javascript

Имеется код, нужно сделать так, чтоб при нажатии на кружок отправлялся запрос в базу данных (INSERT INTO), для того чтоб сохранилось нажатие. В javascript я чайник, скрипт который здесь написан, естественно писал не я, и как объединить скрипт с php для данного примера я не в курсе. В общем нужно добить скрипт, чтоб он отправлял запрос, для данного цикла.
211223.PNG

213.PNG
PHP код:
<style>
.circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #999;
    border-radius: 50%;
}
.activess {
    background: #333;
}
</style>
<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>

<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>
Alex2213 вне форума
Старый 26.07.2015, 05:52   #2
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 823
По умолчанию

Для начала, чтобы не путаться, отделите PHP-скрипт и HTML-страницу с JS-кодом в разные файлы.
И читать про Ajax (оно же XMLHttpRequest).
^-.-^ My GitHub
Fenex вне форума
Закрытая тема


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
HTML, Javascript нужна помощь с заданием nastjamihneva JavaScript, Ajax 1 04.04.2014 20:51
Javascript , нужна помощь с тестом. justuser JavaScript, Ajax 1 16.12.2013 06:16
Javascript добавление div элемента 803 JavaScript, Ajax 2 10.04.2013 22:54
Javascript добавление сайтов dimka09 JavaScript, Ajax 0 15.05.2011 12:41
Нужна помощь в написании скрипта на JavaScript user_pr Фриланс 4 20.12.2009 06:33