php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 20.08.2004, 19:38  
Erfahrener Benutzer
 
Registriert seit: 04.07.2003
Beiträge: 359
PHP-Kenntnisse:
Fortgeschritten
Sirke befindet sich auf einem aufstrebenden Ast
Standard 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
Sirke ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 20.08.2004, 20:45  
Gast
 
Beiträge: n/a
Standard

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.
  Mit Zitat antworten
Alt 20.08.2004, 20:52  
Erfahrener Benutzer
 
Registriert seit: 04.07.2003
Beiträge: 359
PHP-Kenntnisse:
Fortgeschritten
Sirke befindet sich auf einem aufstrebenden Ast
Standard

gute Idee, aber das gibt mit undefined wieder ???
Sirke ist offline   Mit Zitat antworten
Alt 20.08.2004, 20:54  
Gast
 
Beiträge: n/a
Standard

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...
  Mit Zitat antworten
Alt 20.08.2004, 21:04  
Erfahrener Benutzer
 
Registriert seit: 04.07.2003
Beiträge: 359
PHP-Kenntnisse:
Fortgeschritten
Sirke befindet sich auf einem aufstrebenden Ast
Standard

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';
}
Sirke ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ä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

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
div onmouseover, div tag onmouseover, http://www.php.de/html-usability-und-barrierefreiheit/7384-onmouseover-mit-wanderndem-div-tag.html, div mouseover bewegen, onmouseover div verschieben, mouseover bild bewegen, mouseover div vergrößern, div bei mouseover verschieben, onmouseover bild verschieben, javascript onmouseover bild verschieben, mouseover div bewegen, onmouseover div vergrößern, html onmouseover bild verschieben, inhalt eines divs verschieben mit mousover javascript, onmouseover div tag, div tag einblenden, bei mouseover bild bewegen, div mouseover verschieben, onmouseover bild vergrößern, div tag mouseover

Alle Zeitangaben in WEZ +1. Es ist jetzt 20:11 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.