OnMouseOver mit wanderndem <div>-Tag

Sirke · 20.08.2004, 19:38

Hallo,

Ich hoffe mein Titel ist nicht zu verwirrend, mir viel aber nix beseres ein.

Ich habe eine Gallerie und möche jetzt gerne dass wenn ich mit der Maus über ein Bild gegen (OnMouseOver-Event), dass dann ein layer (<div>) an der Koordinate erscheint, der Infos über das Bild gibt.

Ich habe geadcht mit

Code:

document.getElementById( 'overDIV' ).style.top = window.event.clientY;

geht das nicht, weil, wenn ich runterscrolle, dann bewegt suich der Layer nicht mit

kann mir einer sagen wie ich das amchen soll ???

mfg Sirke

20.08.2004, 20:45

Hi,

um die Position des Mauszeigers zu bekommen sind clientX und clientY deine Freunde; für Scrollposition schau mal hier nach

http://de.selfhtml.org/javascript/ob...#page_y_offset

Hoffe das hilft weiter.

Nachtrag: wenn Du nur Text ausgeben willst, kannst Du viel einfacher mit dem title Attribut des Bildes das machen.

Sirke · 20.08.2004, 20:52

gute Idee, aber das gibt mit undefined wieder ???

20.08.2004, 20:54

Zitat:

Zitat von Sirke

gute Idee, aber das gibt mit undefined wieder ???

Welche? das mit title oder das mit dem JavaScript?

Poste doch mal den ganzen JS Code...

Sirke · 20.08.2004, 21:04

deine Idee mit pageXOffset gibt mir undefined wieder zurück.

der js-code ist folgender:

Code:

function BildOver( Titel, Text, Breite )
{
	document.getElementById( 'overDIV' ).style.width = Breite;
	document.getElementById( 'overDIV' ).style.left = window.pageXOffset + 10;
	document.getElementById( 'overDIV' ).style.top = window.pageYOffset + 10;
	
	document.getElementById( 'overText' ).innerHTML = Text;
	document.getElementById( 'overHead' ).firstChild.nodeValue = Titel;
	
	document.getElementById( 'overDIV' ).style.visibility = 'visible';
}

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
[Code] Scroll Onmouseover	Ithron	JavaScript, Ajax und mehr	2	10.06.2009 21:56
Textarea bei onmouseover vergrößern - IE Problem	R4v3r	HTML, Usability und Barrierefreiheit	3	07.05.2008 17:02
Tabellenzeilen bei onmouseover highlighten	Zergling-new	Tutorials	14	23.04.2008 14:28
Bild onMouseOver einblenden	rocco	HTML, Usability und Barrierefreiheit	8	22.02.2008 12:52
onMouseOver: dynamisch Inhalt anzeigen	dh1sbg	HTML, Usability und Barrierefreiheit	1	03.03.2007 12:49
onmouseover - Problem	FrozenFox	HTML, Usability und Barrierefreiheit	2	15.11.2006 11:12
Layer onMouseOver	Quagga	HTML, Usability und Barrierefreiheit	2	09.07.2006 09:23
bei onmouseover sanft auf 100 pixel vergrößern	php_frage	HTML, Usability und Barrierefreiheit	5	29.04.2006 00:43
onmouseover trouble mit ie	function	HTML, Usability und Barrierefreiheit	4	27.09.2005 21:39
Horizontaler Bilder-Scroller mit Vergrößerung (OnMouseover)?		HTML, Usability und Barrierefreiheit	5	09.09.2005 09:03
PHP Menü onMouseOver !!!		PHP Tipps 2005-2	6	23.08.2005 00:56
Style onmouseover onmouseout Effekt mit id	DonTermi	HTML, Usability und Barrierefreiheit	2	21.08.2005 12:08
dynamische Link-Grafik mit OnMouseOver		HTML, Usability und Barrierefreiheit	11	24.06.2005 21:39
tabelle mit onmouseover einblenden lassen		HTML, Usability und Barrierefreiheit	9	30.06.2004 13:08
Button OnMouseOver --> Nachricht in Textfeld anzeigen las		HTML, Usability und Barrierefreiheit	7	16.06.2004 17:49

20.08.2004, 19:38
Sirke Erfahrener Benutzer Registriert seit: 04.07.2003 Beiträge: 359 PHP-Kenntnisse: Fortgeschritten	OnMouseOver mit wanderndem <div>-Tag Hallo, Ich hoffe mein Titel ist nicht zu verwirrend, mir viel aber nix beseres ein. Ich habe eine Gallerie und möche jetzt gerne dass wenn ich mit der Maus über ein Bild gegen (OnMouseOver-Event), dass dann ein layer (<div>) an der Koordinate erscheint, der Infos über das Bild gibt. Ich habe geadcht mit Code: document.getElementById( 'overDIV' ).style.top = window.event.clientY; geht das nicht, weil, wenn ich runterscrolle, dann bewegt suich der Layer nicht mit kann mir einer sagen wie ich das amchen soll ??? mfg Sirke


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

20.08.2004, 20:45
Gast Beiträge: n/a	Hi, um die Position des Mauszeigers zu bekommen sind clientX und clientY deine Freunde; für Scrollposition schau mal hier nach http://de.selfhtml.org/javascript/ob...#page_y_offset Hoffe das hilft weiter. Nachtrag: wenn Du nur Text ausgeben willst, kannst Du viel einfacher mit dem title Attribut des Bildes das machen.

20.08.2004, 20:52
Sirke Erfahrener Benutzer Registriert seit: 04.07.2003 Beiträge: 359 PHP-Kenntnisse: Fortgeschritten	gute Idee, aber das gibt mit undefined wieder ???