Показать сообщение отдельно
  #6 (permalink)  
Старый 12.11.2018, 12:10
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

без аякса, чекбоксов и радио. Сколько угодно вариантов цвета
<div id="blok" style="width:50px;height:50px;border:1px solid black"></div>
<form>
   <input type="text" id="currentcolor" name="currentcolor" value="white" style = "display:none;">
</form>
<script>
var color = ["white","green","yellow","red"], i = 0;
blok.onclick = function() {
   i = i < (color.length - 1)?i+1:0;
   this.style.backgroundColor = color[i];
   currentcolor.value = color[i];
}
</script>

Последний раз редактировалось Dilettante_Pro, 12.11.2018 в 12:52.
Ответить с цитированием