Hallo,
vorweg das Formular soll nicht produktiv eingesetzt werden, dass die Lösung nicht optimal weiß ich ist mir in diesem falle aber egal.
Zu meinen Problem, es gibt zwei radio buttons. Daneben gibt es zwei Grafiken. Wenn ich auf eine Grafik klicke soll der entsprechende Radio Button per JavaScript markiert werden.
Im IE funktioniert es auch in allen anderen Browsern nicht, wo liegt der Fehler?
JavaScript
:
Code:
function img_buehnentechnik() {
document.getElementById("img_buehnentechnik").src ="auswahl1_an.png";
document.getElementById("img_probetermine").src ="auswahl1.png";
document.getElementById("img_mietkonditionen").src ="auswahl1.png";
document.nameform.nameselect.selectedIndex = 0;
}
function img_probetermine() {
document.getElementById("img_buehnentechnik").src ="auswahl1.png";
document.getElementById("img_probetermine").src ="auswahl1_an.png";
document.getElementById("img_mietkonditionen").src ="auswahl1.png";
document.nameform.nameselect.selectedIndex = 1;
}
function img_mietkonditionen() {
document.getElementById("img_buehnentechnik").src ="auswahl1.png";
document.getElementById("img_probetermine").src ="auswahl1.png";
document.getElementById("img_mietkonditionen").src ="auswahl1_an.png";
document.nameform.nameselect.selectedIndex = 2;
}
html:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" type="text/javascript" src="js.js"></script>
</head>
<body>
<div id="buehnentechnik"><img id="img_buehnentechnik" src="auswahl1.png" onclick="img_buehnentechnik()" /></div>
<div id="probetermine"><img id="img_probetermine" src="auswahl1.png" onclick="img_probetermine()" /></div>
<div id="mietkonditionen"><img id="img_mietkonditionen" src="auswahl1.png" onclick="img_mietkonditionen()" /></div>
<form action="mailto:mdfail@sven-haack.net?subject=Anmeldung" method="post" name="nameform" ENCTYPE="text/plain">
<select name="nameselect" size="5">
<option>Buehnentechnik</option>
<option>Probetermin</option>
<option>Mietkonditionen</option>
</select>
<textarea>
</textarea>
<input type="submit" value="send" />
</form>
</body>
</html>
Viele Grüße
luanway
29.05.2010, 18:10
Radio Buttons mit JavaScript auswählen funktioniert nicht
Ähnliche Themen
Linear-Darstellung
