Mi a gond ezzel a kóddal (js)?
<html>
<head>
<title>Color Chooser</title>
<script>
function changeColor(){
var theSelect = document.myForm.selColor;
var theOption = theSelect[theSelect.selectedIndex];
var theColor = theOption.value;
document.bgcolor = theColor;
} //end changecolor
</script>
</head>
<body>
<center>
<h1>Color Schooser</h1>
<h3>Please select a color</h3>
<form name="myForm">
<select name="selColor" multiple size="7">
<option value="red">Red</option>
<option value="orange">Orange</option>
<option value="yellow">Yellow</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
<option value="indigo">indigo</option>
<option value="violet">Violet</option>
</select>
<br>
<input type="button" value="change color" onclick="changeColor()">
</form>
</center>
<hr>
</body>
</html>
-------------
Nem jövök rá, mi a gond...Az a célja, hogy a kiválasztott színt megjelenítse háttérként. A tankönyv szerint működnie kell.
válasza:function changeColor(){
var theSelect = document.myForm.selColor.value;
alert(theSelect);
document.bgcolor = theSelect ;
} //end changecolor
Szerintem próbáld meg így. Én így csinálnám :)
válasza:Ne haragudj, nem ellenőriztem le, hogy jól megy e a háttér átállítás. Ezzel nekem már megy:
function changeColor(){
var theSelect = document.myForm.selColor.value;
alert(theSelect);
document.body.style.background = theSelect ;
} //end changecolor
Írd meg hogy neked sikerült e.
Így működik, köszi.
A [selectedIndex] akkor felesleges, a "value" mindig tudja helyettesíteni?
A könyv túlbonyolította egy kicsit ahogy látom.
válasza:
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!