kostenloser Webspace werbefrei: lima-city


per CSS bzw. JavaScript auf inputs zugreiben

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    Hallo,

    Gibt es
    1. eine M?glichkeit per getElementsByTagName() auf alle Input-Felder des Typs "text" zuzugreifen und gibt es
    2. eine M?glichkeit mit CSS nur die Radio-Buttons zu formatieren (also alle inputs mit type="radio")?

    vielen Dank
    Jonas
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. http://css4you.de/trickkiste/tr00002.html

    Auf deine erste Frage kann ich leider nicht antworten. Bei den Radio-Buttons ist es so, dass du entweder eine klasse f?r sie machst oder es einfach mit style="" machst. Also:
    <input type="radio" name="kekse" value="schokokekse" class="radiobutton">

    Und dann:
    .radiobutton{
    background-color:#00ff00;
    }
    Oder halt:
    <input type="radio" name="kekse" value="schokokekse" style="background-color:#00ff00;"">
  4. Autor dieses Themas

    sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    i-spacke schrieb:
    <input type='radio' name='kekse' value='schokokekse' class='radiobutton'>

    Und dann:
    .radiobutton{
    background-color:#00ff00;
    }


    So hab ich das ja im Moment. Ich f?nde es halt nur einfacher anders ... aber wenn es nicht anders geht ist es auch nicht schlimm.
    Wichtiger w?re mir allerdings die erste Frage, weil ich sonst auf meine Textfelder alle per name zugreifen m?sste und das ist bei 12 Textfeldern ganz sch?n un?bersichtlich.

    Beitrag ge?ndert am 2.05.2006 16:40 von sandrock-jonas
  5. Naja es gibt auch noch die M?glichkeit das mit Attributen zu machen, aber das funktioniert bei weitem nicht mit allen Browsern.
    http://css4you.de/trickkiste/tr00015.html
    So k?nntest du
    input [type = "radio"] { } machen. Ist aber auch nciht viel anders, als die oben genannte Varainte.

    Bei deinem JS w?rde ich vielleicht vorschlagen, dass du das mit einem Array und einer Schleife l?st, aber ich wei? nicht, ob das so funktioniert.
  6. Du k?nntest auch eifnach den Option tag verwenden und dir das Input sparen. Dann k?nntest du einfach

    Option
    {
    background-color: #FFFFFF
    }


    Schreiben.
  7. Autor dieses Themas

    sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    Du k?nntest auch eifnach den Option tag verwenden und dir das Input sparen. Dann k?nntest du einfach

    Option
    {
    background-color: #FFFFFF
    }

    Schreiben.


    Soweit ich wei? sind das doch Auswahllisten oder funktioniert das auch mit Radio-Buttons? Wenn ja, wie muss ich die Radio-Buttons ins Formular schreiben, wenn ich das so machen will?

    i-spacke schrieb:
    ... aber das funktioniert bei weitem nicht mit allen Browsern.


    Ok, dann w?rde ich doch Variante eins bevorzugen.

    Beitrag ge?ndert am 2.05.2006 18:28 von sandrock-jonas
  8. in JS geht das so:

    for(j=0; j<Anzahl_Elemente; j++)
    {
    if(!document.formular_name.elements[j].value)
    {
    alert('Sie haben in "'+ document.formular_name.elements[j].name + '" nichts eingegeben.');
    document.formular_name.elements[j].focus();
    return false;
    }
    }

    Das ?berpr?ft jedes Element von formular_name (InputFeld) auf Nichteingabe. Wenn nichts eingegeben wurde, kommt eine Fehlermeldung und das InputFelf wird fukusiert.

    ------ edit -----

    Sorry, ich hatte anstatt "j" "i", aber da hat mir Lima-City meinen Text nur kursiv geschrieben ;O)

    Beitrag ge?ndert am 5.05.2006 11:31 von ku-shi
  9. Autor dieses Themas

    sandrock-jonas

    Kostenloser Webspace von sandrock-jonas

    sandrock-jonas hat kostenlosen Webspace.

    Vielen Dank, so gehts. Ich wollte zwar nicht den Inhalt verschwinden lassen, sondern die Klasse der Felder ?ndern, aber daf?r konnte ich mir den Code selbst so ver?ndern, wie ich ihn brauche.
    @mods: kann geschlossen werden

    Beitrag ge?ndert am 6.05.2006 15:31 von sandrock-jonas

    CLOSED

    Beitrag ge?ndert am 25.06.2006 19:12 von djfun
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!