[JavaScript]Bilder hinter Radiogroups

[asseskiller]

Hi
ich hab folgendes Problem:
Folgende Struktur ist vorhanden

 <form id="form1" name="form1" method="post" action="">
      <p>
        <label>
          <input type="radio" name="og1" value="wert1" />
          Handy1</label>
        <br />
        <label>
          <input type="radio" name="og1" value="wert2" />
          Handy2</label>
        <br />
      
    </form>

und ich möchte nun das, wenn eine dieser Option angeklickt wird, das jeweilige Bild in einem Div angezeigt wird.
Außerdem möchte ich an einer anderen stelle die Namen des angezeigt bekommen. Wie setze ich das um?

Danke im Vorraus

 

[BadByte]

hm wenn ichs richtig verstanden hab, dann so:

function show_pic(element)
{
  switch(element.value)
  {
    case "wert1":
        document.getElementById("id_von_dem_pic").setAttribute("src", "pfad_erstes_bild");
    break;
    
    case "wert2":
       document.getElementById("id_von_dem_pic").setAttribute("src", "pfad_zweites_bild");
    break;
  }

}

und bei den radiobuttons musst du dann noch denn Eventhandler

onchange="show_pic(this)"

setzen....

"this" ist in diesem Fall ein Pointer, der auf das Element verweist, auf das geklickt würde, die Function checkt, welche radiobox das ist, und zeigt das entsprechende Bild an....

die funciton noch so zu erweitern, dass noch angezeigt wird, welche radiobox man angeklickt hast, müsste doch klar sein, oder`?

 

[asseskiller]

wo lege ich die id des bildes fest? und was soll das überhaupt sein.
Und um deine letzte frage zu beantworten:
Ich bin in Java nen absoluter newbie und hab da null ahnung hab mir heute nen Java buch bestellt weil ich da keinen plan von nix hab und nicht immer 1000 fragen stellen will.
Aber soviel dazu.

Eine frage hab ich noch.
mein formular ist in einem div. Das heißt doch eigentlich nach dem document. müsste doch noch etwas kommen oder sehe ich das falsch?

 

[Simpson474]

Mit Java hat das nur namentlich zu tun. Es handelt sich um Javascript mit DOM. Eine ID für ein Bild legst du so fest:

<img id="id_von_dem_pic" />

Der gepostete Quelltext von BadByte sieht richtig aus und sollte auch so funktionieren.