tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von tombe
ERLEDIGT
NEIN
ANTWORTEN
7
ZUGRIFFE
314
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    strukturart strukturart ist offline Mitglied Silber
    Registriert seit
    Jul 2011
    Beiträge
    69
    Hallo,

    in einem Formular lasse ich prüfen ob einer Radiobutton aktiviert wurde,
    wenn nicht soll er rot eingefärbt werden.

    Hab mich so versucht, aber leider erfolglos:

    PHP-Code:
    function error3 () {
    document.getElementById("geschlecht").style.borderColor="red";} 

    ist es überhaupt möglich Radiobuttons zu "stylen"?
     

  2. #2
    Avatar von tombe
    tombe tombe ist offline Mitglied Diamant
    tutorials.de Premium-User
    Registriert seit
    Sep 2004
    Ort
    Möglingen (BaWü)
    Beiträge
    3.109
    So vielleicht:

    Code javascript:
    1
    
    document.getElementById("geschlecht").style.backgroundColor = "red";
     
    Sollte ein Tipp von mir geholfen haben, habe ich nichts gegen eine entsprechende Bewertung oder ein Danke und wenn ein Problem gelöst ist, dann den Beitrag bitte auch als erledigt markieren.

    Was ich gar nicht leiden kann sind User die es nicht für nötig halten auf Antworten zu reagieren, die Themen nicht als erledigt markieren und/oder die sich nicht für Hilfe bedanken.

  3. #3
    strukturart strukturart ist offline Mitglied Silber
    Registriert seit
    Jul 2011
    Beiträge
    69
    nein, funktioniert leider nicht.

    vll mache ich auch einen Fehler beim erstellen?

    PHP-Code:
    <input type="radio"   name="geschlecht" id="geschlecht"value="f">Frau <input type="radio"  id="geschlecht" name="geschlecht" value="m" >Mann<br
    Geändert von strukturart (08.02.12 um 21:10 Uhr)
     

  4. #4
    Avatar von tombe
    tombe tombe ist offline Mitglied Diamant
    tutorials.de Premium-User
    Registriert seit
    Sep 2004
    Ort
    Möglingen (BaWü)
    Beiträge
    3.109
    Also bei mir geht es so.

    Was bei dir allerdings falsch ist, ist das du zweimal den gleichen id-Namen verwendest. Außerdem muss ja zuerst geprüft werden ob eines der beiden markiert wurde oder nicht.

    Nochmal etwas anders gelöst:

    HTML-Code:
    <script language="javascript" type="text/javascript">
    function error () {
    	if (document.getElementsByName("geschlecht")[0].checked == false && document.getElementsByName("geschlecht")[1].checked == false) {
    		document.getElementById("geschlecht1").style.backgroundColor = "red";
    	} else {
    		document.getElementById("geschlecht1").style.backgroundColor = "";
    	}
    }
    </script>
    <div id="geschlecht1" style="width: 100px;">
    <input type="radio" name="geschlecht" id="geschlecht" value="f">Frau
    <br />
    <input type="radio" name="geschlecht" id="geschlecht" value="m" >Mann
    </div>
    <br />
    <a href="#" onclick="error();">Pr&uuml;fen</a>
     
    Sollte ein Tipp von mir geholfen haben, habe ich nichts gegen eine entsprechende Bewertung oder ein Danke und wenn ein Problem gelöst ist, dann den Beitrag bitte auch als erledigt markieren.

    Was ich gar nicht leiden kann sind User die es nicht für nötig halten auf Antworten zu reagieren, die Themen nicht als erledigt markieren und/oder die sich nicht für Hilfe bedanken.

  5. #5
    strukturart strukturart ist offline Mitglied Silber
    Registriert seit
    Jul 2011
    Beiträge
    69
    Das prüfen mache ist so:

    PHP-Code:
    else if (empty($geschlecht)){
    echo 
    $text;
    echo 
    "<script type=\"text/javascript\">error3();</script>";
     echo 
    "<script type=\"text/javascript\">jump();</script>";


     

  6. #6
    Avatar von tombe
    tombe tombe ist offline Mitglied Diamant
    tutorials.de Premium-User
    Registriert seit
    Sep 2004
    Ort
    Möglingen (BaWü)
    Beiträge
    3.109
    Ich bin mir jetzt nicht sicher ob ich verstehe wie das bei dir abläuft.

    Hast du mal mein obiges Beispiel bei dir getestet? Wenn ich meinen Code mit deinem "vermische", dann funktioniert es ebenfalls!
    strukturart bedankt sich. 
    Sollte ein Tipp von mir geholfen haben, habe ich nichts gegen eine entsprechende Bewertung oder ein Danke und wenn ein Problem gelöst ist, dann den Beitrag bitte auch als erledigt markieren.

    Was ich gar nicht leiden kann sind User die es nicht für nötig halten auf Antworten zu reagieren, die Themen nicht als erledigt markieren und/oder die sich nicht für Hilfe bedanken.

  7. #7
    strukturart strukturart ist offline Mitglied Silber
    Registriert seit
    Jul 2011
    Beiträge
    69
    Hab`s nicht richtig gelesen, du packst die Radiobuttons noch in ein Div färbst das dann ein so klappst.
    Ich dachte man kann die Radiobuttons direkt ansprechen.

    Danke für deine Hilfe.
     

  8. #8
    Avatar von tombe
    tombe tombe ist offline Mitglied Diamant
    tutorials.de Premium-User
    Registriert seit
    Sep 2004
    Ort
    Möglingen (BaWü)
    Beiträge
    3.109
    Du kannst die Button schon direkt "stylen". Habe ich ja im ersten Beispiel auch gemacht.

    Da es hier aber immer beide Möglichkeiten ("Mann" / "Frau") betrifft, habe ich beide Buttons in das DIV gepackt und markieren auch beide.
     
    Sollte ein Tipp von mir geholfen haben, habe ich nichts gegen eine entsprechende Bewertung oder ein Danke und wenn ein Problem gelöst ist, dann den Beitrag bitte auch als erledigt markieren.

    Was ich gar nicht leiden kann sind User die es nicht für nötig halten auf Antworten zu reagieren, die Themen nicht als erledigt markieren und/oder die sich nicht für Hilfe bedanken.

Ähnliche Themen

  1. Checkbox stylen
    Von Jan-Frederik Stieler im Forum CSS
    Antworten: 4
    Letzter Beitrag: 10.03.10, 01:35
  2. Box stylen
    Von GN911 im Forum CSS
    Antworten: 7
    Letzter Beitrag: 18.05.09, 07:24
  3. PoP-up fenster stylen
    Von Flextone im Forum CSS
    Antworten: 4
    Letzter Beitrag: 06.02.05, 16:16
  4. Textfeld stylen
    Von Horusab im Forum CSS
    Antworten: 3
    Letzter Beitrag: 20.08.03, 15:16
  5. Liste/menü stylen
    Von Dobermaniac im Forum CSS
    Antworten: 6
    Letzter Beitrag: 01.10.01, 17:04