#!/COMMUNITY
Members: 5374
davon online: 1
weitere User: 28
12.02.2012 / 10:20
Community-Member werden
|
Paßwort vergessen
|
OnlineMonitor (1)
Perl-Archiv
Forum
Javascript
Home
PERLscripts
PHPscripts
JAVAscripts
Hilfreiches
Links2www
Newscenter
Community
Interna
Javascript
Archivübersicht
Tutorials
Zum Forum
JS-Links
BuchTipps
WebForen
Forenübersicht
Neueste Themen
Ohne Antwort
Aktivste Themen
Themensuche
Forenarchiv
Newsgroups
Javascript » DHTML » Tooltip 2
zur Übersicht
Kategorie
DHTML
Bezeichnung
Tooltip 2
ScriptDemo
Neues Fenster für Demo öffnen
Statistik
20864 Aufrufe davon 0x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode
(einfach markieren, kopieren und lokal abspeichern)
<style type="text/css"> <!-- .tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt} .tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt} #ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;} .NArial {font-family: arial; font-size: 10pt} .NArialL {font-family: arial; font-size: 12pt} .NArialS {font-family: arial; font-size: 8pt} .NArialW {COLOR: #FFFFFF; font-family: arial; font-size: 10pt} --> </style> <script language = "javascript"> <!-- var ie = document.all ? 1 : 0 var ns = document.layers ? 1 : 0 if(ns){doc = "document."; sty = ""} if(ie){doc = "document.all."; sty = ".style"} var initialize = 0 var Ex, Ey, topColor, subColor, ContentInfo if(ie){ Ex = "event.x" Ey = "event.y" topColor = "#808080" subColor = "#C0C0C0" } if(ns){ Ex = "e.pageX" Ey = "e.pageY" window.captureEvents(Event.MOUSEMOVE) window.onmousemove=overhere topColor = "#808080" subColor = "#C0C0C0" } function MoveToolTip(layerName, FromTop, FromLeft, e){ if(ie){eval(doc + layerName + sty + ".top = " + (eval(FromTop) + document.body.scrollTop))} if(ns){eval(doc + layerName + sty + ".top = " + eval(FromTop))} eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15)) } function ReplaceContent(layerName){ if(ie){document.all[layerName].innerHTML = ContentInfo} if(ns){ with(document.layers[layerName].document) { open(); write(ContentInfo); close(); } } } function Activate(){initialize=1} function deActivate(){initialize=0} function overhere(e){ if(initialize){ MoveToolTip("ToolTip", Ey, Ex, e) eval(doc + "ToolTip" + sty + ".visibility = 'visible'") } else{ MoveToolTip("ToolTip", 0, 0) eval(doc + "ToolTip" + sty + ".visibility = 'hidden'") } } function EnterContent(layerName, TTitle, TContent){ ContentInfo = '<table border="0" width="150" cellspacing="0" cellpadding="0">'+ '<tr><td width="100%" bgcolor="#000000">'+ '<table border="0" width="100%" cellspacing="1" cellpadding="0">'+ '<tr><td width="100%" bgcolor='+topColor+'>'+ '<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+ '<tr><td width="100%">'+ '<font class="tooltiptitle"> '+TTitle+'</font>'+ '</td></tr>'+ '</table>'+ '</td></tr>'+ '<tr><td width="100%" bgcolor='+subColor+'>'+ '<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+ '<tr><td width="100%">'+ '<font class="tooltipcontent">'+TContent+'</font>'+ '</td></tr>'+ '</table>'+ '</td></tr>'+ '</table>'+ '</td></tr>'+ '</table>'; ReplaceContent(layerName) } //--> </script> <body onmousemove="overhere()"> <div id="ToolTip"></div> <a class="NArial" href="javascript:void(0)" onMouseover="EnterContent('ToolTip','Tooltip Title','Tooltip Content'); Activate();" onMouseout="deActivate()">Mouse Over Me!</a><br> <a class="NArial" href="javascript:void(0)" onMouseover="EnterContent('ToolTip','Titel des Tooltips','sagenhafter Inhalt blabla'); Activate();" onMouseout="deActivate()">Mouse Over Me 2!</a><br>
Kommentare zu
Tooltip 2
4 Kommentar(e) vorhanden / Anzeige der neuesten 5
am 25.10.2004 um 06:31 Uhr von habe keinen
das script funzt micht mit Mozilla Firefox... :o(...
am 05.03.2004 um 14:27 Uhr von Klaus
Habe schon viele solcher scripte ausprobiert, keines war so iniversell und doch einfach ei...
am 29.05.2003 um 13:46 Uhr von Stefan Kale
Und auch nicht mit Netscape 7...
am 02.04.2003 um 12:12 Uhr von Günther
Dieses Script funktioniert scheinbar nicht mit Opera 6....
Alle Kommentare anzeigen
-
Kommentar hinzufügen
© PERL/CGI/
PHP
/JS/SCRIPT/unity.de 1998-2009 .::.
interaktiv.shop
.::.
CGI-Service
.::.
Kontakt
.::.
Impressum
Link: /javascript/scripts/javascript_0257_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 14425