selected_colors_lauflicht.php


Quell Code


 
<style>
input {
  display: block;
  margin-top: 5px;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


</head>
<body>

  
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
<input accesskey="3" type="text"/>
</body>



<script>

var colors = ['aliceblue', 'antiquewhite', 'aqua', 'aquamarine', 'azure', 'beige', 'bisque', 'black', 'blanchedalmond', 'blue', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'fuchsia', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'gray', 'green', 'greenyellow', 'honeydew', 'hotpink', 'indianred ', 'indigo ', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray', 'lightgreen', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightsteelblue', 'lightyellow', 'lime', 'limegreen', 'linen', 'magenta', 'maroon', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'navy', 'oldlace', 'olive', 'olivedrab', 'orange', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'purple', 'rebeccapurple', 'red', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'silver', 'skyblue', 'slateblue', 'slategray', 'snow', 'springgreen', 'steelblue', 'tan', 'teal', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'white', 'whitesmoke', 'yellow', 'yellowgreen'], n = 0;

var interval = setInterval(colorize, 500);
function colorize()  {
  n++;
  [].forEach.call(document.querySelectorAll('input'), function(el, i) {
    el.style.background = colors[(i+n) % colors.length]; });
}

</script>