PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Как в javascript занести переменные из php

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

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

Без описания

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

Alex213	Отправлено: 26 Июля, 2015 - 12:51:07
Новичок Покинул форум Сообщений всего: 47 Дата рег-ции: Июль 2015 Помог: 0 раз(а)	Подскажите как правильно прописать переменные в javascript, нужно, чтоб там, где стоит 1 в javascript вместо единицы присваивалось значение переменной <?=$row_tt['nid']?>, а именно .circle1, #add1, #remove1, так же и в стилях .circle1 PHP: скопировать код в буфер обмена <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> </head> <body> <style> .circle1 { background:url(img/ico/viem_p.png) no-repeat center center; width:50px; height:50px; cursor:pointer; } .circle2 { background:url(img/ico/viem_p.png) no-repeat center center; width:50px; height:50px; cursor:pointer; } .activess { background:url(img/ico/viem_c.png) no-repeat center center; } </style> CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> var d = document; d.addEventListener('DOMContentLoaded', function () { var cirles = [].slice.call(d.querySelectorAll('.circle1')); [].forEach.call(d.querySelectorAll('#add1'), function (but) { but.addEventListener('click', function () { cirles.forEach(function (el) { el.classList.add('activess'); }); }, false); }); [].forEach.call(d.querySelectorAll('#remove1'), function (but) { but.addEventListener('click', function () { cirles.forEach(function (el) { el.classList.remove('activess'); }); }, false); }); cirles.forEach(function (el) { el.addEventListener('click', toggleCirсleClass); }); function toggleCirсleClass() { this.classList.toggle('activess'); } }, false); </script> PHP: скопировать код в буфер обмена <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 id="add<?=$row_tt['nid']?>">Colored All</button></li> <li><button id="remove<?=$row_tt['nid']?>">UnColored All</button></li> <?PHP } ?> <div class="circle<?=$row_tt['nid']?>"><?=$row_tt['sid']?></div> <?PHP } ?> <?PHP mysql_free_result($res_tt); } ?> </div> </body> </html>

IllusionMH	Отправлено: 27 Июля, 2015 - 14:51:37
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Alex213, дать элементам одинаковый класс, и выбираеть все элементы по нему. Добавить data-* атрибут, в котором хранить id (вот этот номер вместо единицы), и потом получать его значение. И почитайте про делегацию событий, чтобы не навешивать обработчики в цикле

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

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

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

« JavaScript & VBScript »

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