Показать сообщение отдельно
  #1 (permalink)  
Старый 06.04.2017, 10:57
Аспирант
Отправить личное сообщение для wegas Посмотреть профиль Найти все сообщения от wegas
 
Регистрация: 07.03.2017
Сообщений: 30

Помогите с кнопками разобратся
есть код все работает, хотелось бы сделать, чтобы кнопки при нажатии меняли цвет в зависимости от режима 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>

Последний раз редактировалось wegas, 06.04.2017 в 11:24.
Ответить с цитированием