per CSS bzw. JavaScript auf inputs zugreiben
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
auswahlliste
background
beitrag
button
eins
element
fehlermeldung
formular
fragen
inhalt
klasse
moment
option
radio
schleifen
trickkiste
typ
variant
vielen dank
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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;""> -
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 -
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. -
Du k?nntest auch eifnach den Option tag verwenden und dir das Input sparen. Dann k?nntest du einfach
Option
{
background-color: #FFFFFF
}
Schreiben. -
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 -
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage