Форумы портала PHP.SU :: Версия для печати :: Как в javascript занести переменные из php

1. Alex213 - 26 Июля, 2015 - 12:51:07 - перейти к сообщению

Подскажите как правильно прописать переменные в 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>