Klickbaren Bereich erweitern

[Vonni]

Hallo,

ich würde gerne meinen Radiobutton mit Text und einem Bild erweitern.
Beim klick auf das Bild und Text soll den Button aktivieren oder deaktivieren.
Ich habe schon die funktion <label> ausgetestet, aber beim Bild ist dann Schluß. Das mach er nicht mit, zumindest nicht im Internet Explorer6. Was kann ich da machen.

Vonni

[zerko]

Hey Vonni..

Ich würde es mit Javascript versuchen..
Die Bild&Text Elemente werden mit OnClick - Funktionen erweitert, die beim Klick den Radiobutton aktivieren.

Der Zugriff via JScript:
      [window.]document.formName.inputName.type = unchecked o. activ

Gruß
zerko

[Vonni]

Hallo zerko,
muß leider zugeben, dass meine Javascript-Kenntnisse nicht allzu gut sind. Meine Radiobutton sehen wie folgt aus:
<form Name="clickaction">
<input type="checkbox"  name="xxx" $lastaction_0 value="messen">

Dann heißt die Function:
function haken()
{
[window.]document.clickactione.xxx.type = activ

}
Und der Aufruf dann:
<img ..... onclick="haken()">

Ist das richtig....oder wie ??????

Vonni

[Gernot Back]

Hallo Vonni,

ich habe mal eine zeile verändert:

Dann heißt die Function:
function haken()
{

[window.]document.clickactione.xxx.checked=true;

}
Und der Aufruf dann:
<img ..... onclick="haken()">

So geht es aber auch

<a href="#" onClick="this.firstChild.checked=true"><input type="Radio" name="but" value="" />Text zu meinem Button</a

Gruß Gernot

[Vonni]

Hallo Gernot,
ich habe das jetzt so eingebaut, aber es rührt sich nicht. Beim klick auf das Bild passiert aber nichts.

Warum???

function haken()
{
window.document.clickaction.xxx.checked=true;

}

function check(num)
{
 for(i = 0; i < 4; i++)
 {
  if(num != i) document.clickaction.xxx[i].checked = false;

}
}

<form Name="clickaction">
<input type="checkbox"  name="xxx" $lastaction_0 value="messen"  onclick='check(0)'><img src="info.gif" onClick="haken()">

[Gernot Back]

Hallo Vonni,

das finde ich immer noch einfacher, auch wenn es in Netscape 4 wahrscheinlich nicht funktioniert.

<a href="#" onClick="this.firstChild.checked=true">
<input type="Radio" name="but" value="" /><img src="info.gif"  border="0" alt="">
</a>

Gruß Gernot

[Vonni]

Hallo Gernot,

ich habe mich jetzt deiner Meinung angeschlossen und leichteren Weg genommen. Also deinen....
Und es funktionert sehr gut.
Da bleibt mir nur übrig Danke zu sagen.

Also DAAAAANKEEEE. ;-)
Vonni

[Gernot Back]

Hallo  Vonni noch einmal,

<a href="#" onClick="this.firstChild.checked=true;return false;">
<!-- Das ^ habe ich vergessen, das ist auch wichtig^^^^^^^^^^^^ -->
<input type="Radio" name="but" value="">
<img src="info.gif"  border="0" alt="" align="top">

Sonst springt dir die Seite immer an den Anfang und möglicherweise von den Radiobuttons weg, wenn du href="#" hast.

Gruß Gernot

[Gernot Back]

Hallo Vonni,

function haken()
{
       window.document.clickaction.xxx.checked=true;

//den Array-Index [0] brauchst du auch da^

}

Gruß Gernot

[zerko]

Hey Vonni..

Du bist fast richtig:)

Das Script..
--------------------------------
function haken(){
   document.clickaction.xxx.checked = true;
}

Der Aufruf..
--------------------------------
<img ..... onclick="haken()">

Gruß
zerko