Style onmouseover onmouseout Effekt mit id

DonTermi · 21.08.2005, 09:57

Hallöchen,

habe ein kleines Javascript Problem. Da ich mich nicht so gut damit auskenne und es versuche auf Webseiten zu vermeiden bräuchte ich mal eure Hilfe. Das Problem ist bestimmt nicht schwer, nur sehe ich den Fehler nicht

Mein Original funktioniert und sieht so aus

Code:

<td id="test">Link</td>

Habe ein paar Styles mehr drin, aber wollte ich hier nicht alles pasten. Wie gesagt, so funktionierts. Aber ich wollte das ganze in eine Funktion packen.

Code:

<script language="javascript" type="text/javascript>
function menue_over(id) {
  document.getElementById(id).style.color='#FFE6CC';
}

function menue_out(id) {
  document.getElementById(id).style.color='#F88C1B';
}
</script>


<td id="test">Link</td>

So klappt da ganze nicht mehr und ich bekommen immer nur ein "Objekt erwartet" Fehler.

XLB · 21.08.2005, 10:27

Hi.

Was zunächst auffällt: du verwendest für jedes "Objekt" die ID "test". ID's sollten aber (auch für Testzwecke) eine einmalige Angelegenheit sein, um einzelne Objekte entsprechend identifizieren zu können. Jagst du einen solchen Code durch einen Validator, wird er dies anmeckern.

Grundsätzlich ist dein Code-Schnippsel OK. Hab nach erstem Drüberschauen nix finden können, das ein "Objekt erwartet" liefern würde. Woran sich die Browser aber mit Sicherheit "verschlucken", sind mehrfach vergebene IDs...

Wenn du lieber auf JS verzichten möchtest solltest du dir dieses Posting mal ansehen:

http://www.phpfriend.de/forum/ftopic45533.html

Anstatt das Hintergrundbild, wie beim dort genannten Link, zu ändern, wechselst du halt die Farbe via CSS.

Gruß,
Axel

DonTermi · 21.08.2005, 12:08

Danke für den Tip.

Wegen CSS: Das hätte ich gemacht wenn´s geklappt hätte 2 Dinge auf einmal zu ändern.

Schau Dir´s einfach mal an unter

www.tierheim-leisnig.info (noch die alte Seite)

Die Navi links... Wenn man die die <td> kommt soll die Hintergrundfarbe geändert werden. Soweit ja unproblematisch. Problem ist aber der Link in der td selbst. Wenn die Hintergrundfarbe geändert wird, verschwindet ja die Schrift wegen der Schriftfarbe. Also müssen daher td und a gleichzeitig geändert werden. Blieb leider nur Javascript übrig.

UPDATE:

Habe jetzt für td und a jeweils ne andere id. Jetzt klappt die Funktion. Danke.

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
Tabellenzeilen bei onmouseover highlighten	Zergling-new	Tutorials	14	23.04.2008 14:28
[Erledigt] Idee für einen visuellen Effekt		HTML, Usability und Barrierefreiheit	6	02.05.2006 21:56
Frage zu Effekt	BEGINNER-L	HTML, Usability und Barrierefreiheit	2	08.03.2006 13:35
PHP Menü onMouseOver !!!		PHP Tipps 2005-2	6	23.08.2005 00:56
Style		Beitragsarchiv	3	14.07.2005 15:00
onmousein flash einblenden, bei onmouseout ausblenden		HTML, Usability und Barrierefreiheit	11	08.06.2005 11:00
[Erledigt] nur in tabelle style benutzen!		HTML, Usability und Barrierefreiheit	10	17.12.2004 20:23
Style von php.de?		Off-Topic Diskussionen	7	22.11.2004 12:07
tabelle mit onmouseover einblenden lassen		HTML, Usability und Barrierefreiheit	9	30.06.2004 13:08

21.08.2005, 09:57
DonTermi Erfahrener Benutzer Registriert seit: 14.07.2005 Beiträge: 157	Style onmouseover onmouseout Effekt mit id Hallöchen, habe ein kleines Javascript Problem. Da ich mich nicht so gut damit auskenne und es versuche auf Webseiten zu vermeiden bräuchte ich mal eure Hilfe. Das Problem ist bestimmt nicht schwer, nur sehe ich den Fehler nicht Mein Original funktioniert und sieht so aus Code: <td id="test">Link</td> Habe ein paar Styles mehr drin, aber wollte ich hier nicht alles pasten. Wie gesagt, so funktionierts. Aber ich wollte das ganze in eine Funktion packen. Code: <script language="javascript" type="text/javascript> function menue_over(id) { document.getElementById(id).style.color='#FFE6CC'; } function menue_out(id) { document.getElementById(id).style.color='#F88C1B'; } </script> <td id="test">Link</td> So klappt da ganze nicht mehr und ich bekommen immer nur ein "Objekt erwartet" Fehler. __________________ [visit Donvelopment.org] PGP-KeyID: 0xBEC31126] [Blog:Don's Blog]


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

21.08.2005, 10:27
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hi. Was zunächst auffällt: du verwendest für jedes "Objekt" die ID "test". ID's sollten aber (auch für Testzwecke) eine einmalige Angelegenheit sein, um einzelne Objekte entsprechend identifizieren zu können. Jagst du einen solchen Code durch einen Validator, wird er dies anmeckern. Grundsätzlich ist dein Code-Schnippsel OK. Hab nach erstem Drüberschauen nix finden können, das ein "Objekt erwartet" liefern würde. Woran sich die Browser aber mit Sicherheit "verschlucken", sind mehrfach vergebene IDs... Wenn du lieber auf JS verzichten möchtest solltest du dir dieses Posting mal ansehen: http://www.phpfriend.de/forum/ftopic45533.html Anstatt das Hintergrundbild, wie beim dort genannten Link, zu ändern, wechselst du halt die Farbe via CSS. Gruß, Axel

21.08.2005, 12:08
DonTermi Erfahrener Benutzer Registriert seit: 14.07.2005 Beiträge: 157	Danke für den Tip. Wegen CSS: Das hätte ich gemacht wenn´s geklappt hätte 2 Dinge auf einmal zu ändern. Schau Dir´s einfach mal an unter www.tierheim-leisnig.info (noch die alte Seite) Die Navi links... Wenn man die die <td> kommt soll die Hintergrundfarbe geändert werden. Soweit ja unproblematisch. Problem ist aber der Link in der td selbst. Wenn die Hintergrundfarbe geändert wird, verschwindet ja die Schrift wegen der Schriftfarbe. Also müssen daher td und a gleichzeitig geändert werden. Blieb leider nur Javascript übrig. UPDATE: Habe jetzt für td und a jeweils ne andere id. Jetzt klappt die Funktion. Danke. __________________ [visit Donvelopment.org] PGP-KeyID: 0xBEC31126] [Blog:Don's Blog]