Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Alex-2231
0 / 0 / 0
Регистрация: 07.07.2015
Сообщений: 32
#1

Добавление в БД с javascript

25.07.2015, 14:12. Просмотров 258. Ответов 4
Метки нет (Все метки)

Добавление в БД с javascript


Название: 213.PNG
Просмотров: 25

Размер: 6.2 Кб
Имеется код, нужно сделать так, чтоб при нажатии на кружок отправлялся запрос в базу данных (INSERT INTO), для того чтоб сохранилось нажатие. В javascript я чайник, скрипт который здесь написан, естественно писал не я, и как объединить скрипт с php для данного примера я не в курсе. В общем нужно добить скрипт, чтоб он отправлял запрос, для данного цикла.
CSS
1
2
3
4
5
6
7
8
9
10
.circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #999;
    border-radius: 50%;
}
.activess {
    background: #333;
}
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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);
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<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>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.07.2015, 14:12
Ответы с готовыми решениями:

Добавление элементов в JavaScript
Привет всем ! Вообщем дело в том что мне нужун скрипт который мог бы добавлять...

Javascript добавление сайтов
добрый день... подскажите, вот есть скрипт: // @include ...

Добавление мнемоник HTML используя JavaScript
Здравствуйте! Необходимо динамически добавить мнемонику html с помощью...

Выполнение Javascript файла в котором присутствуют javascript теги
text1.js &lt;link...

Вставка элементов меню (содержащих javascript) через javascript
Пишу курсовой проект по JavaScript в ходе которого потребовалось создать...

4
Sergio Leone
2467 / 1112 / 579
Регистрация: 07.06.2014
Сообщений: 3,259
25.07.2015, 18:46 #2
Цитата Сообщение от Alex-2231 Посмотреть сообщение
чтоб при нажатии на кружок отправлялся запрос в базу данных (INSERT INTO)
значит так. тебе нужно из JS выполнить запрос не к БД, а к серверной части. а вот уже она сделает всё, что надо - хоть в базу запишет, хоть удалит из базы, хоть что.
из JS к серверу лучше всего обратиться через AJAX. (примеров/учебников в интернете полным-полно).
0
Alex-2231
0 / 0 / 0
Регистрация: 07.07.2015
Сообщений: 32
25.07.2015, 22:04  [ТС] #3
Цитата Сообщение от Sergio Leone Посмотреть сообщение
(примеров/учебников в интернете полным-полно).
А можете ссылки какие-нибудь на примеры предоставить?

Добавлено через 38 минут
Цитата Сообщение от Alex-2231 Посмотреть сообщение
А можете ссылки какие-нибудь на примеры предоставить?
И еще не подскажите как приклеить данный скрипт к запросу, нужно чтоб первые три круга и вторые работали отдельно, но когда я нажимаю вкл или выкл, то выделяются все пять кругов
0
Lazy_Den
2931 / 2610 / 1317
Регистрация: 15.01.2014
Сообщений: 5,733
25.07.2015, 23:54 #4
Цитата Сообщение от Alex-2231 Посмотреть сообщение
А можете ссылки какие-нибудь на примеры предоставить?
Основы XMLHttpRequest
Цитата Сообщение от Alex-2231 Посмотреть сообщение
нужно чтоб первые три круга и вторые работали отдельно
Например, можно им добавить дополнительные классы: group_1, group_2.
0
Sergio Leone
2467 / 1112 / 579
Регистрация: 07.06.2014
Сообщений: 3,259
25.07.2015, 23:55 #5
Цитата Сообщение от Alex-2231 Посмотреть сообщение
А можете ссылки какие-нибудь на примеры предоставить?
такое устроит?
http://www.wisdomweb.ru/AJAX/send.php
только я на чистом JS никогда AJAX не использовал, только через jQuery.


Цитата Сообщение от Alex-2231 Посмотреть сообщение
И еще не подскажите как приклеить данный скрипт к запросу, нужно чтоб первые три круга и вторые работали отдельно, но когда я нажимаю вкл или выкл, то выделяются все пять кругов
Не, решить конкрентную вашу задачу, да ещё и на вашем скрипте, это я не знаю...
извиняйте, дяденька...
0
25.07.2015, 23:55
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.07.2015, 23:55

Как перезагрузить javascript, javascript-ом?
как с помощью javascript перезагрузить javascript ? Смысл в том что один из...

Javascript (codeacademy - "'WHILE' LOOPS IN JAVASCRIPT(Dragon Slayer!)")
Пожалуйста, помогите прочитать этот код!!! var slaying = true; // A bit of...

javascript внутри javascript
Здравствуйте. Помогите решить задачу. Нужно на html странице под спойлером в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru