Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

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

#1 Alex1231

Alex1231
  • Пользователь
  • 27 сообщений
  • Репутация: 0
0

Отправлено 25 Июль 2015 - 14:14

Имеется код, нужно сделать так, чтоб при нажатии на кружок отправлялся запрос в базу данных (INSERT INTO), для того чтоб сохранилось нажатие. В javascript я чайник, скрипт который здесь написан, естественно писал не я, и как объединить скрипт с 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>

Прикрепленные изображения

  • 211223.PNG
  • 213.PNG

 

 

Сообщение отредактировал Alex1231: 25 Июль 2015 - 14:16

  • 0


Оформление форума – IPBSkins.ru