nicht angemeldet
Radiobutton um image erweitern
Hallo ich habe so ein kleines Problem.
Ich habe einen Radiobutton, den ich unsichtbar mache (<span style="display:none">). Ich möchte stattdessen lieber ein Bild verwenden. Daher suche ich nach einem Weg, wie ich den Radiobutton erweitern kann. Mit <label> funktioniert das im IE6 leider nicht.
Hat da jemand vielleicht eine Lösung oder ein Javascript, mit dem ich beim Klick auf das Bild den Radiobutton aktiv oder inaktiv setzen kann?
Danke. Steffen
-
Hallo Steffen,
prinzipiell hast Du die Möglichkeit ein Bild durch einen Eventhandler http://de.selfhtml.org/javascript/sprache/eventhandler.htm das Bild entweder auszublenden (das ist ja auch Dein Ansatz display:none), das geht über das objekt style http://de.selfhtml.org/javascript/objekte/style.htm. Anders, als die Beispiele auf der Seite, kannst Du dabei browserübergreifend mit (bsw.) document.getElementById().style.[Eigenschaft] arbeiten. Grundsätzlich mit JS auch möglich wäre es das Bild und den Input über DOM gänzlich auszuhängen und einzuhängen.
Ich möchte Dir aber davon abraten. Jeder Browser stellt Radio-inputs grundätzlich anders dar!
<div style="background:white;-moz-opacity:0.5;position:absolute;top:0;left:0;width:500px;height:500px;filter:alpha(opacity=50);z-index:10"> </div>
<input type="radio" name="Typ" value="Kassenpatient">
<input type="radio" name="Typ1" value="Kassenpatient">DAS IST NUR EIN BEISPIEL! Das wäre eine Lösung für die Browser IE gleichfalls Mozilla. Da andere Browser nichts weiter als ein weise Fläche sehen, wäre es besser das div über JS mit diesen Eigenschaften im Falle if(IE || MOZILLA) zu versorgen (wie oben über style)
Gruß aus Berlin!
eddi--
at, wie er leibt und lebt auf ein Posting
> > Nein, ich denke nicht.
gepromptet
> Das empfiehlt sich aber.
:))))