Der folgende Beitrag wurde am 24. 01. 2008, 15:01 Uhr von Joachim veröffentlicht.
Hallo Leute,
habe folgendes Problem;
Ich habe ein Formular und möchte, dass wenn man auf einen
bestimmten Button klickt, alle Formularfelder nicht weiss,
sondern gelb hinterlegt sind.
Bekomme ich mit Javascript nicht hin.
Also per Klick einer Formularfeld die CSS-Klasse "gelb"
zuweisen (als Beispiel)...
Könnt Ihr mir helfen??
Grüße
Joachim
Der folgende Beitrag wurde am 24. 01. 2008, 15:12 Uhr von Lammi veröffentlicht.
<javascript>
function machGelb()
{
document.getElementById('bla').style.backgroundColor='yellow';
}
</script>
<input type="text" name="bla" id="bla">
<a href="#" onclick="machGelb();">klick mich!</a>
noch eine schleife über alle formularfelder und alles wird gelb.
Der folgende Beitrag wurde am 24. 01. 2008, 15:24 Uhr von EKKi veröffentlicht.
Mahlzeit,
> <javascript>
> function machGelb()
> {
> document.getElementById('bla').style.backgroundColor='yellow';
> }
> </script>
Prinzipiell richtig, ich würde aber folgendes empfehlen:
<style type="text/css">
input.markiert {
background-color: #ff0;
}
</style>
<script type="text/javascript">
function markiere()
{
var inputs = document.getElementsByTagName('INPUT');
for (var i = 0; i < inputs.length; i++)
{
inputs[i].className = 'markiert';
}
}
</script>
<button onclick="markiere();">Felder markieren</button>
So hat man Struktur, Layout und Funktionalität klarer voneinander getrennt (und wenn man irgendwann mal die Eingabefelder nicht mehr gelb hinterlegt, sondern blau umrandet mit lila Punkten haben will, muss man nur an einer Stelle das Design ändern).
MfG,
EKKi
--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
Der folgende Beitrag wurde am 24. 01. 2008, 17:28 Uhr von Joachim veröffentlicht.
> Mahlzeit,
>
> > <javascript>
> > function machGelb()
> > {
> > document.getElementById('bla').style.backgroundColor='yellow';
> > }
> > </script>
>
> Prinzipiell richtig, ich würde aber folgendes empfehlen:
>
>
> <style type="text/css">
>
> input.markiert {
> background-color: #ff0;
> }
> </style>
> <script type="text/javascript">
>
> function markiere()
> {
> var inputs = document.getElementsByTagName('INPUT');
>
> for (var i = 0; i < inputs.length; i++)
> {
> inputs[i].className = 'markiert';
> }
> }
> </script>
> <button onclick="markiere();">Felder markieren</button>
>
> So hat man Struktur, Layout und Funktionalität klarer voneinander getrennt (und wenn man irgendwann mal die Eingabefelder nicht mehr gelb hinterlegt, sondern blau umrandet mit lila Punkten haben will, muss man nur an einer Stelle das Design ändern).
>
>
> MfG,
> EKKi
>
WOW EKKI, das ist ja der Hammer,
das probier ich gleich mal aus!!!!
Dankeeeeeeeeeeeeeeeeeeeeeeeeee!!!!!
Grüße
Joachim
Der folgende Beitrag wurde am 24. 01. 2008, 17:29 Uhr von Joachim veröffentlicht.
»
> So hat man Struktur, Layout und Funktionalität klarer voneinander getrennt (und wenn man irgendwann mal die Eingabefelder nicht mehr gelb hinterlegt, sondern blau umrandet mit lila Punkten haben will, muss man nur an einer Stelle das Design ändern).
>
>
> MfG,
> EKKi
>
WOW, danke EKKI,
werds gleich mal probieren. Vielen vielen Dank!!!
Grüße
Joachim
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4