rernanded
Erfahrenes Mitglied
Hi habe Probleme mit getElementsByClassName. ich kriegs nicht hin dass die Elemente mit der class="dragme" alle eine andere Farbe aus der selectbox (formular2 auswahl2) kriegen.
Moni
Moni
HTML:
<head>
<script type="text/javascript">
var hintergrundfarbe = new Array();
hintergrundfarbe[0] = ''
hintergrundfarbe[1] = 'white';
hintergrundfarbe[2] = 'green';
hintergrundfarbe[3] = 'red';
hintergrundfarbe[4] = 'blue';
hintergrundfarbe[5] = 'yellow';
hintergrundfarbe[6] = 'orange';
function laden() {
if (document.formular1.auswahl1.selectedIndex > 0) {
document.getElementById('hintergrund').style.backgroundColor = hintergrundfarbe[document.formular1.auswahl1.selectedIndex];
}
}
</script>
<script>
function hintergrundfarbedragme() {
var x = document.getElementsByClassName("dragme");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = x[document.formular2.auswahl2.selectedIndex];
}
}
</script>
</head>
<body id="hintergrund">
<form action="" name="formular1">
Hintergrundfarbe<br />
<select name="auswahl1" onchange="laden()">
<option value="default"></option>
<option>Weiß</option>
<option>Grün</option>
<option>Rot</option>
<option>Blau</option>
<option>Gelb</option>
<option>Orange</option>
</select>
</form>
<br />
<form action="" name="formular2">
Hintergrundfarbe der Objekte<br />
<select name="auswahl2" onchange="hintergrundfarbedragme()">
<option value="default"></option>
<option>Weiß</option>
<option>Grün</option>
<option>Rot</option>
<option>Blau</option>
<option>Gelb</option>
<option>Orange</option>
</select>
</form>
<br />
<input type="text" class="dragme" name="input_eins" value="wow" style="text-align: center; BACKGROUND-COLOR: #ffffff; BORDER-TOP: 0px solid; BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; BORDER-RIGHT: 0px solid; color: black; font-family: arial; font-size: 30pt;" />
<br />
<input type="text" class="dragme" name="input_zwei" value="wow" style="text-align: center; BACKGROUND-COLOR: #ffffff; BORDER-TOP: 0px solid; BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; BORDER-RIGHT: 0px solid; color: black; font-family: arial; font-size: 30pt;" />
<br />
<textarea class="dragme" name="textarea_eins" style="text-align: center; BACKGROUND-COLOR: #ffffff; BORDER-TOP: 0px solid; BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; BORDER-RIGHT: 0px solid; color: black; font-family: arial; font-size: 30pt;">wow</textarea>
</body>