nicht angemeldet
"ToolTip"-Script funktioniert nicht bei Netscape
0 0 0 0 0 0 0 0 Link
0 ps zu oben
0
"ToolTip"-Script funktioniert nicht bei Netscape
Hallo zusammen,
ich habe heute mal wieder eine etwas kompliziertere Sache, hoffe aber, dass ich "hier geholfen werde".
Ein "ToolTip"-Script habe ich von irgendeiner Script-Seite und es hieß, die Sache funktioniere auch bei Netscape. Tut's aber leider nicht. Kann mir jemand sagen, wieso?
(Hintergrund: Über Links soll eine ausführliche Beschreibung in einer dann sichtbaren Layer angezeigt werden)
Schonmal vielen Dank im Voraus!
Sebastian
Und hier das Script:
<html>
<head>
<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>
</head>
<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>
</body>
</html>
-
Hallo Sebastian
ich habe heute mal wieder eine etwas kompliziertere Sache, hoffe aber, dass ich "hier geholfen werde".
Ein "ToolTip"-Script habe ich von irgendeiner Script-Seite und es hieß, die Sache funktioniere auch bei Netscape. Tut's aber leider nicht. Kann mir jemand sagen, wieso?Welcher Netscape? Die Versionsangabe ist in diesem Falle sehr wichtig.
Außerdem, warum verwendest du nicht das title-Attribut für Tooltips?
Schöne Grüße
Johannes
--
ss:| zu:) ls:[ fo:) de:] va:) ch:? sh:( n4:& rl:( br:< js:| ie:{ fl:( mo:}-
Hallo Johannes
Welcher Netscape? Die Versionsangabe ist in diesem Falle sehr wichtig.
Sorry - ich hab's auf Netscape 7 bzw. Mozilla 1.3 getestet - nix da.
Außerdem, warum verwendest du nicht das title-Attribut für Tooltips?
Höchstwahrscheinlich, weil es mir unbekannt ist :-) Wenn man damit auch grafisch ein bisschen anspruchsvollere Sachen gestalten kann, wäre ein Hinweis nett, ansonsten bräuchte ich halt doch jemand, der sich durch das Script wühlt...
Besten Dank -
Sebastian-
Ich kann dir von Schmitti sein ToolTip Script empfehlen.
*URLrauskramt*
http://www.schmittis-page.de/
Gruß
Hanno-
hallo hanno!
Ich kann dir von Schmitti sein ToolTip Script empfehlen.
vielen dank dafür - das problem ist nur, dass die tooltips auf dieser site im mozilla etc. genauso wenig funktionieren wie meins.
gruß,
sebastian-
Moment dann schau ich mir deinen Code mal an.
Hast du ICQ ?
Gruß
Hanno-
Das erste wasich sehe ist, dass du nur auf NS und IE eingehst und bei anderne browsern deine initialisierungen schlciht und einfach weglässt...
Gurß
Hanno-
Warum benutzt du nicht das DOM ? Das ist moderner
und browserunabhängiger.
Gruß
Hanno-
</faq/#Q-05>
-
-
-
-
-
-
-
und nochmal ich:
bei opera 7.1 geht's auch...
-
-
Hallo Sebastian,
Ein "ToolTip"-Script habe ich von irgendeiner Script-Seite und es hieß, die Sache funktioniere auch bei Netscape. Tut's aber leider nicht. Kann mir jemand sagen, wieso?
Weil das Skript mit dubiosen Techniken zur Browserunterscheidung arbeitet und hoffnungslos veraltet ist. Tuts mit Netscape heißt in diesem Fall NN4.x.
var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}Hier gehts los:
Da wird unterschieden zwischen document.all (einem Bestandteil des veralteten Dokumentmodells des IE4 und document.layers (einem Bestandteil des veralteten Dokumentmodell von Netscape 4). Das aktuelle gültige Äquivalent document.getElementByID wird nicht berücksichtigt. Mit diesem erreichst du Netscape >= 6 (=Mozilla), Opera und IE>5.Ein Skript was ausschließlich die layers/all Unterscheidung macht kannst du getrost in den wohlverdienten Ruhestand schicken. Es ist in aller Regel die Mühe nicht wert sowas umzubauen.
Im Archiv dürftest du genug zum Thema finden.
Gruß Susanne