Hintergrundbild eines Formulares mit Javascript ändern!

03.11.2005, 18:34

Hi@
ich hab ein script gemacht, dass ein formular überprüft ob alle felder ausgefüllt wurden und möchte nun das hintergrundbild von dem feld, das nicht ausgefüllt wurde ändern.
ich habs schon hinbekommen die hintergrundfarbe zu ändern, komm jetzt aber bei dem problem mit dem hinertgrundbild weiter.. pls help
der code sieht so aus:

Code:

if(document.form.nick.value == "") 
 {
  alert("Error: Nicknamen vergessen!");
  document.form.nick.focus();
  return false;
 }

hier wird überprüft ob in dem feld was steht, wenn nicht dann wird die fehlermeldung ausgegebn und dann das feld focusiert.
man kann die hintergrundfarbe nun mit

Code:

document.form.nick.style.background='#800000';

ändern.
wie das geht hab ich von selfhtml, wo auch das mit backgroundImage erwähnt wird (in der tabelle):
http://de.selfhtml.org/javascript/ob...tm#allgemeines
ich hab schon viele varienten mit backgroundimage und so ausprobiert, hat aber nicht geklappt!

Zergling-new · 03.11.2005, 18:46

Ich verwende dafür meistens eine neue CSS-Klassen-Zuordnung, da ich keine Lust habe, mir JavaScript-CSS-Syntax zu merken oder durcheinander zu wurschteln:

Code:

document.form.nick.className = 'wrongInput';

Dann kannst du in CSS bequem vorher den Style festlegen.

Code:

input.blankInput, input.wrongInput {
  background: white;
  border: 1px inset silver;
}
input.wrongInput {
  background: red;
  color: white;
}

Hinweis: Du überschreibst damit die Klassenzuordnung, d.h. wenn deinem <input> vorher per <input class="andereKlasse" ..> eine andere Klasse zugeordnet wurde, geht diese Zuordnung nun verloren.

03.11.2005, 18:59

Code:

document.form.nick.style.backgroundImage = 'url(blub.gif)';

03.11.2005, 20:19

@zergling & karl-150
ihr habt mir echt geholfen! thx

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
Lange Verarbeitungszeiten - Zuviel JavaScript?	[-UFO-]Melkor	HTML, Usability und Barrierefreiheit	2	15.06.2007 23:54
Unsichtbares Formularfeld mit Javascript ansprechen	mAy^daY	HTML, Usability und Barrierefreiheit	6	13.08.2006 21:25
Javascript von Smileys und Buttons wie B U I ändern...	mickschen	HTML, Usability und Barrierefreiheit	10	07.06.2006 15:56
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Ist JavaScript OOP sinnvoll?	HStev	HTML, Usability und Barrierefreiheit	2	26.01.2006 12:11
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
Javascript durch PHP ausdrücken		PHP Tipps 2007	10	09.11.2005 20:04
2 javascript fragen	Rotti	HTML, Usability und Barrierefreiheit	4	03.08.2005 11:40
[Erledigt] Mouseover Menü in Javascript und PHP Lösung ?		PHP Tipps 2005-2	4	20.07.2005 08:48
Javascript ON/OFF	Connar	PHP Tipps 2005	3	03.04.2005 09:47
Wert des Attributs "class" mit JavaScript dynamisc	Stümper	HTML, Usability und Barrierefreiheit	1	08.09.2004 10:33
JavaScript in JavaScript geschriebene Html-Datei einbinden.	woods	HTML, Usability und Barrierefreiheit	6	06.09.2004 18:33
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

03.11.2005, 18:34
Gast Beiträge: n/a	Hintergrundbild eines Formulares mit Javascript ändern! Hi@ ich hab ein script gemacht, dass ein formular überprüft ob alle felder ausgefüllt wurden und möchte nun das hintergrundbild von dem feld, das nicht ausgefüllt wurde ändern. ich habs schon hinbekommen die hintergrundfarbe zu ändern, komm jetzt aber bei dem problem mit dem hinertgrundbild weiter.. pls help der code sieht so aus: Code: if(document.form.nick.value == "") { alert("Error: Nicknamen vergessen!"); document.form.nick.focus(); return false; } hier wird überprüft ob in dem feld was steht, wenn nicht dann wird die fehlermeldung ausgegebn und dann das feld focusiert. man kann die hintergrundfarbe nun mit Code: document.form.nick.style.background='#800000'; ändern. wie das geht hab ich von selfhtml, wo auch das mit backgroundImage erwähnt wird (in der tabelle): http://de.selfhtml.org/javascript/ob...tm#allgemeines ich hab schon viele varienten mit backgroundimage und so ausprobiert, hat aber nicht geklappt!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.11.2005, 18:46
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Ich verwende dafür meistens eine neue CSS-Klassen-Zuordnung, da ich keine Lust habe, mir JavaScript-CSS-Syntax zu merken oder durcheinander zu wurschteln: Code: document.form.nick.className = 'wrongInput'; Dann kannst du in CSS bequem vorher den Style festlegen. Code: input.blankInput, input.wrongInput { background: white; border: 1px inset silver; } input.wrongInput { background: red; color: white; } Hinweis: Du überschreibst damit die Klassenzuordnung, d.h. wenn deinem <input> vorher per <input class="andereKlasse" ..> eine andere Klasse zugeordnet wurde, geht diese Zuordnung nun verloren.

03.11.2005, 18:59
Gast Beiträge: n/a	Code: document.form.nick.style.backgroundImage = 'url(blub.gif)';

03.11.2005, 20:19
Gast Beiträge: n/a	@zergling & karl-150 ihr habt mir echt geholfen! thx