есть код все работает, хотелось бы сделать, чтобы кнопки при нажатии меняли цвет в зависимости от режима parts[1] т.е если parts[1] = 0 то зеленая кнопка, если 1 то желтая и т.п, все режимы находятся в базе данных и она ajax изменяется. Мозгов не хватает это сделать))) прошу помощи гуру)))
. Мозгов хватило только на то, чтобы подгружались цвета из базы данных, т.е. при перезагрузке все работает а надо чтобы интерактивно все было... кнопок в базе 366 они все выводятся, своеобразный календарь
<?php
echo "<div class=pn>В этом году количество дней =".$days."<br>";
echo "Сегодня: ".date('l jS \of F Y h:i:s A');
$den=date('z');
echo"<br>"."Сегодня номер дня: ".$den."<br></div>";
echo "<br>", "<div class=p>Декабрь:</div>" ;
include '../config.php';
$zapros="select * from `table`";
$result = mysql_query($zapros, $db);
while ($line = mysql_fetch_array($result, MYSQL_NUM)) {
$x=$line[0]; $y=$line[1];
$clickmy[$x]=(string)$x;$rej[$x]=(string)$y;
// echo"<button class=b id='".$clickmy[$x]."'>".($x+1).": ".$y."</button>";
if (($x<151)or($x>242)) {
if($y==0) echo"<button class=b id='".$clickmy[$x]."'>".($x).": ".$y."</button>";
if($y==1) echo"<button class=a id='".$clickmy[$x]."'>".($x).": ".$y."</button>" ;
if($y==2) echo"<button class=c id='".$clickmy[$x]."'>".($x).": ".$y."</button>" ;
if($y==3) echo"<button class=d id='".$clickmy[$x]."'>".($x).": ".$y."</button>" ;
if($x%7==0) echo"<br>";
if($x==31) echo "<br>","<div class=p>Январь:</div>" ;
if($x==60) echo"<br>","<div class=p>Февраль:</div>";
if($x==90) echo"<br>","<div class=p>Март:</div>";
if($x==120) echo"<br>","<div class=p>Апрель:</div>";
if($x==243) echo"<br>","<div class=p>Май:</div>";
//if($x==181) echo"<br>","<div class=p>Июнь:</div>";
//if($x==212) echo"<br>","<div class=p>Июль:</div>";
// if($x==243) echo"<br>","<div class=p>Август:</div>";
if($x==273) echo"<br>","<div class=p>Сентябрь:</div>" ;
if($x==304) echo"<br>","<div class=p>Октябрь:</div>";
if($x==334) echo"<br>","<div class=p>Ноябрь:</div>";
}
}
// echo "<br>".$clickmy[$den]." ".$clicmy[$z];
?>
<script>
myden=document.getElementById('<?php echo $clickmy[$den];?>');
myden.style.backgroundColor='red';
myden.style.width='60px';
myden.style.height='30px';
function myHandler(e) {
var src, parts;
// получим событие и элемент - источник события
e = e || window.event;
src = e.target || e.srcElement;
// обновляем результат клика по кнопке
parts = src.innerHTML.split(": ");
parts[1] = parseInt(parts[1], 10) + 1;
if (parts[1]>3) parts[1]=0;
src.innerHTML = parts[0] + ": " + parts[1];
//bbb[src.id]=parts[1]; //Запомним вводимые значения кнопкам с id
$.ajax({
type: "POST",
url: "zapis.php",
data: {nomer:src.id, znach:parts[1]}
}).done(function(result)
{
$("#msg").html( "День " +src.id+ " Режим " +parts[1] +" "+result );
});
//document.write("<form action='zapis.php' method='POST'>");
// document.write("<input type='hidden' name='nomer'" + " value="+src.id+">");
// document.write("<input type='hidden' name='znach'" + " value="+parts[1]+">");
// document.write("<br><input id='reg' type='submit'></form>");
// document.getElementById('reg').click();
}
var b=new Array();
for(var i=0;i<=150;i++){
b[i] = document.getElementById(i);
if (document.addEventListener) {
b[i].onclick = myHandler;
}
if (i==150){
for(var i=243;i<=366;i++){
b[i] = document.getElementById(i);
if (document.addEventListener) {
b[i].onclick = myHandler;
}}}
}
</script>