Radio Buttons...

XenonTaurus

Mitglied
Hi Leute!

Wusste nicht in welches Forum ich das nun reinschreiben soll, da ich nicht weiß mit welche Scriptsprache das umsetzbar ist... Es geht um folgendes:

Ich habe 3 Radio Buttons über die zwischen 3 verschiedene Bilder gewählt werden sollen. Rechts ist eine Fläche wo diese Bilder nach dem Klick auf die Radio Buttons angezeigt werden sollen. Ich weiß das es realisierbar ist, bloß nicht mit welcher Scriptsprache und wie xD

Auf Antwort würde ich mich sehr Freuen ;)

lg xenontaurus
 
Hi,

du könntest die Namen der Bilddateien in die value-Attribute der Radioelemente unterbringen. Im onclick-Event rufst du eine Funktion auf, die zunächst prüft, ob der Button markiert ist und im Erfolgsfall die Bildquelle wechselt.

Beispiel:
Code:
<html>
<head>
<title></title>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function changeImg(objRadio){
  // Pfad zum Bildordner
  var strPfad = "../bilder/";

  // Ist der Button gechecked?
  if(objRadio.checked)
    document.getElementById("img_01").src = strPfad + objRadio.value;
}
 //-->
</script>
</head>
<body>
<div>
  <input type="radio" name="btnRadio" value="bild1.jpg" onclick="changeImg(this);" checked="checked"><br>
  <input type="radio" name="btnRadio" value="bild2.jpg" onclick="changeImg(this);"><br>
  <input type="radio" name="btnRadio" value="bild3.jpg" onclick="changeImg(this);"><br>
  <img src="../bilder/bild1.jpg" id="img_01" alt="">
</div>
</body>
</html>
Vielleicht hilft dir das weiter.

Ciao
Quaese
 
Zurück