nicht angemeldet
Hallo!
die IE zeigt bekanntlich per TITLE="..." einen Tooltip für Links an. Wie kann ich den gleichen Effekt in Netscape erzeugen?
Das geht in Netscape über JavaScripüt und CSS.
Hier eine Lösung für beide Browser, IE und Netscape.
<html>
<head>
<style type="text/css">
<!--
#tooltip1,#tooltip2{ position:absolute;visibility:hidden; }
#tooltip1 { left:20px;top:20px; }
#tooltip2 { left:40px;top:20px; }
#tooltip1, tooltip2 { font-size:0.8em; font-family:Arial, sans-serif; color:#000000; background-color:#ffffe6; }
//-->
</style>
<script language="JavaScript">
<!--
<script type="text/javascript" language="JavaScript">
<!--
function an(tooltip) {
if(document.layers) { document.layers[tooltip].visibility = "show"; }
if(document.all) { document.all[tooltip].style.visibility="visible"; }
}
function aus(tooltip) {
if(document.layers) { document.layers[tooltip].visibility= "hide"; }
if(document.all) { document.all[tooltip].style.visibility="hidden"; }
}
//-->
</script>
//-->
</script>
</head>
<body>
<a href="eins.htm" onmouseout="aus('link1')" onmouseover="an('link1')">Link1</a>
<a href="zwei.htm" onmouseout="aus('link2')" onmouseover="an('link2')">Link2</a>
<!-- Die Tooltips sollten dynamisch geschrieben werde.
-in Browser die all und layers nicht kenn, werden die Tooltips nicht geschrieben. Ohne all und layers funktionieren auch die Tooltips nicht
-Netscape kennt bei ausgeschaltetem JavaScript kein CSS, und somit würden die Tooltips auch sichbar werden
-Opera, Netscape3, IE3 kennen kein CSS (ie3 etwas), all und layers, somit würden die Tooltips auch sichtbar werden und das script läüft so und so nicht.
-->
<script type="text/javascript" language="JavaScript">
<!--
if(document.all document.layers)
{
document.writeln('<div id="tooltip1">\ blabla </div>');
document.writeln('<div id="tooltip2">\ blabla </div>');
}
//-->
</script>
</body>
</html>
Dieses Script wird sicherlich nicht in Netscape 5 (wenn er kommt) funktionieren, weil ein anderes DOM unterstützt wird, als das bisherige.
CSS <../../td.htm>
document.layers <../../tecbbf.htm>
document.all <../../tecbba.htm>
DHTML <../../ted.htm>
mfg, André