• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Radio-Botton mit onClick

momo95

Mitglied
Hallo,

ich habe mit html ein formular erstellt. Wenn ich einen Radio-Botton anclicke, soll sich ein div zeigen, indem sich ein bild befindet.

Wenn dann ein anderer Radio-Botton aktiviert ist, soll ein anderes div gezeigt werden, und das alte versteckt.

Leider funktioniert das mit meinem Code nicht:


HTML:
<!DOCTYPE HTML PUBLIC
"-W3C//DTD HTML 4.01 Translation//EN"
"http://www.w3.org/TR/html4/loose.dtd">


<html>

<head>
<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="hidden"){
display="inline";
}
else{
display="visible";
}
}
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function ausblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="none";
}
else{
display="none";
}
}
}
//-->
</script>

</head>


<body>

<div id="cont" span class="normal">
<form>
<INPUT onClick="einblenden('1'); ausblenden('2')" TYPE="radio" NAME="DVD" >
<INPUT onClick="einblenden('2'); ausblenden('1')" TYPE="radio" NAME="DVD" >
</form>
<div id="1" style="display:none;" >
<img src="1.gif">
</div>
<div id="2" style="display:none;">
<img src="2.gif">
</div>
</div>



</body>
</html>

Vielen Dank
 
Werbung:
"display: visible" existiert nicht, daher kann auch "dispay="visible"" nicht funktionieren. Verwende einfach statt "visible", "block".


edit: Herzlich Willkommen im Forum
 
Zurück
Oben