Javascript: Kompatibilität

brain-death

Wie mach ich das das in Opera, Phoenix und Netscape auch läuft, net nur in IE.
Habs so probiert

// Funktion um Submenü zu zeigen
function ShowToolTip(element, id){

         var szString = "<span id=menu class='sub'>" + Programms[id][1] + "</span>";

         // ns
         if(document.layers){
                 document.layers["infotable"].style.top = window.event.clientY+document.body.scrollTop;
                 document.layers["infotable"].style.left= window.event.clientX+30;

            document.layers["infotable"].visibility="visible";
                 document.layers["infotext"].document.open();
                 document.layers["infotext"].document.write(szString);
                 document.layers["infotext"].document.close();
         }else if(document.all){
            // ie
                 document.all["infotable"].style.top = window.event.clientY+document.body.scrollTop;
                 document.all["infotable"].style.left= window.event.clientX+30;
                 document.all["infotable"].style.visibility="visible";
                 document.all["infotext"].innerHTML = szString;
         }else if(document.getElementById){
            document.getElementById("infotable").style.visibility="visible";
//                 document.getElementById("infotable").innerHTML = szString;
                    document.getElementById("infotext").document.open();
                 document.getElementById("infotext").document.write(szString);
                 document.getElementById("infotext").document.close();
         }

}

Geht aber nur bei IE

[ Dieser Beitrag wurde am 17.02.2003 um 18:39 Uhr von paranoiac.org editiert. ]

Schwer zu entscheiden.

Shade Of Mine

nimm doch einfach das HTML Attribute title
dann bist du den ganzen JS käse los

Henno

nimm doch einfach das HTML Attribute title
dann bist du den ganzen JS käse los

Das kann jeder nur der IE nicht

PS: Nicht aufregen, ich weiß es gar nicht...

O'Dog

zumindest ie6 kann's auch

mach doch Tooltips mit CSS ! Einfach beim Auswählen eines LInks wird ein <span> eingeblendet mit der Information über das ding. Daher musst du da den Hoover-Selektor verwenden. Hmm, ich weiß es nicht genau, aber so irgendwie sollte es funktionieren, wobei es auch sein mag, dass die Eigenschaften nicht so ganz stimmen. Bitte verwende Javascript nur wenn notwendig !

a {
  font: Arial;
  text-decoration: none; 
  /* beliebige Eigenschafte Farbe etc.*/
}

a span {
  visibility: hidden;
}

a:hover {
  text-decoration: underline;
}

a:hover span {
   visibility: visible;
   border: 2px solid black;
   position: absolute; /*weiß nicht, obs position heißt, damit steuerst du die 
   Positionierung an - z.B. damit der Text immer neben dem Link erscheint*/
}

/*Der html-Code schaut dann so aus*/

<a href="">Ich bin ein Link <span>ich bin ein Tooltip-Text</span></a>

Hoffe, dir geholfen zu haben :p
Kati

brain-death

Also ic hglaube ihr habt mich da falsch verstanden. Wenn ihr einen IE zur Verfügung habt, dann schaut euch mal meine HP unter Downloads an. Wenn man über die Items fährt kommt eine Linkbeschreibung. Mit andern Browsern gehts leider nicht. Das Zeigen und Verschwinden dieser Beschreibung ist die oben genannte Funktion .

danke
cu para

hi,

ich glaube, dass du mit css analoge Lösung nach dem beschriebenen Vorgehen sicher finden würdest, z.B.

<html>
<head>
<title>Test</title>
<meta name="author" content="Katti1">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
a {
   color: red;
   background-color:white;
   text-decoration: none;
}

a:hover {
   color: black;
}

a span {
   display: none;
}

a:hover span {
   display: inline;
   position:relative;
   color: blue;
   top: 0px;
   left: 40px;
   border: 2px solid blue;
   background-color: green;
}
</style>
</head>

<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<a href="#">ich habe die beste Homepage<span>Tooltiptext 1</span></a>
<br><br><br>
<a href="#">nö, ich habe ne bessere<span>Tooltiptext 2</span></a>

</body>
</html>

leider geht es mit td:hover (also in einer Tabelle) nur mit MOzilla ab der weißnichtwelcher Version. Für Links ist ok.

Kati

Shade Of Mine

Original erstellt von paranoiac.org:
Also ic hglaube ihr habt mich da falsch verstanden. Wenn ihr einen IE zur Verfügung habt, dann schaut euch mal meine HP unter Downloads an. Wenn man über die Items fährt kommt eine Linkbeschreibung. Mit andern Browsern gehts leider nicht.

begründe was du gegen title hast.
title wurde exakt für solche tooltips (sorry, hab keinen IE, kann deshalb nicht nachsehen wie es momentan aussieht)