✔ Radioboxen bei Auswahl Schriftfarbe wechseln

[Manuel]

Hallo,

habe mir gerade überlegt, wie ich meine Homepage schöner gestalten kann. Ich hab mir gerade was überlegt blos ich weis nicht wie ich es angehen soll. Wie schaffe ich es, dass wenn es z.B. 2 Radioboxen gibt die man anwählen kann das jede angewählte Radiobox die Farbe von dem Schriftzug ändert. Also praktisch:

(das ist meine Radiobox) Text nach der Radiobox
(das ist meine Radiobox2) Text nach der Radiobox2

Wenn ich "(das ist meine Radiobox2)" anklicke, soll hinter "(das ist meine Radiobox2)" der Schriftzug sprich "Text nach der Radiobox2" orange gefärbt werden. Weis nicht ob ich das mit Javascript oder CSS angehen soll. Fertiges Codeschnipsel wäre toll Erklärungen auch

 

[roundaboutmedia]

Ich denk das ist eine Aufgabe für Javascript, aber wie genau das erledigt wird kann ich dir auch nicht sagen, schau doch mal hier in den Forenbeiträgen ob du was findest.
Was ich mal ausprobiert habe ist über ein Java Script onclick="MM_effectHighlight('farbe', 10, '', '#ff0000', '#FF0000', false), dafür müsstest du aber denm Text nach dem Radio Button ein DIV Element mit id zuweisen.
Schau einfach mal unter onclick Script denk da könnte man was finden.
Gruß
Stefan

 

[Maik]

Hi,

kurz und schmerzlos:

<form action="">
      <p><input type="radio" name="color" onclick="getElementById('color1').style.color='#00FF00'" /><span id="color1">Test 1</span></p>
      <p><input type="radio" name="color" onclick="getElementById('color2').style.color='#FF9F00'" /><span id="color2">Test 2</span></p>
</form>

Oder auch mit "Wechselwirkung"

<form action="">
      <p><input type="radio" name="color" onclick="getElementById('color1').style.color='#00FF00';getElementById('color2').style.color='#000000'" /><span id="color1">Test 1</span></p>
      <p><input type="radio" name="color" onclick="getElementById('color2').style.color='#FF9F00';getElementById('color1').style.color='#000000'" /><span id="color2">Test 2</span></p>
</form>

mfg Maik

 

[Manuel]

Perfekt, klappt wie gewünscht
Danke