Eingabe Feld einfärben

[PaulQ]

Hallo zusammen,

wie kann ich in einem Formular beim Eingabefeld die Hintergrund- und Schriftfarbe auf Knopfdruck ändern?

Die Knöpfe zur Farbänderung liegen auch auf diesem Formular.


Die Eingaben sollten sich durch den Farbwechsel nicht ändern.

Ein Beispiel wäre hier super.

mfg
Paul

[SwissKnife]

Hallo PaulQ

Damit ich das richtig verstehe:

Diese Farbänderung soll nur für das betreffende Feld wirken....oder soll das für mehrere Eingabe-Felder "auf einen Knopfdruck" stattfinden?

Danke für eine Antwort!

Gruss aus der Schweiz
Stefan

[PaulQ]

Hallo Stefan,

Danke für Deine Antwort.

Die Änderung soll: „....oder soll das für mehrere Eingabe-Felder "auf einen Knopfdruck" stattfinden? „


Gruß,
Paul

[SwissKnife]

Hallo PaulQ

Ich schlage Dir hier eine elegante Lösung mit jQuery vor...die ist in 3 Schritten einfach zu implementieren:

1. Schritt:

In NOF in den Layout-Eigenschaften der Formular-Seite den HTML-Button clicken und in den HEAD-Tag

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

eintragen...siehe Anhang 1

2. Schritt:

Allen Eingabe-Feldern in dem Formular, bei denen die Farbe geändert werden soll mittels Objekt-HTML (HTML-Knopf) den Eintrag

class="changecolor"

hinzufügen...siehe Anhang 2

3. Schritt:
 
Den Buttons für den jeweiligen Farbwechsel mittels Objekt-HTML

onClick="javascript: $('input.changecolor').css({'background-color':'blue','color':'yellow'});"

eintragen...hier für die Hintergrundfarbe blau/Schrift gelb...Du kannst als Farbe auch den Hex-Wert im Format #000000 eingeben...siehe Anhang 3


Mit dieser Methode hast Du nun endlich die Möglichkeit, nur bestimmte Eingabe-Felder Deines Formulars zu "behandeln"...nämlich nur die mit der class="changecolor"...somit die absolute Flexibilität...

Baue das ein....und es wird funktionieren...

Gruss aus der Schweiz
Stefan

[PaulQ]

Hallo Stefan,

vielen Dank für Deine Lösung mit jQuery. Hast mir damit weitergeholfen.

Gruß,

Paul