Wie Sie Tooltip angezeigt länger in IE

Question

ich habe folgende

<span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>"> 

in firefox der Tooltip bleibt dort, bis die Maus bewegt wird, aber im IE es nur bleibt dort für etwa 5 Sekunden und verschwindet machen.

Gibt es eine Möglichkeit, die Lebensdauer zu verlängern?

Answer 1

Nicht mit den integrierten Browser-Tooltips, nein.

Es gibt Tonnen von Tooltip-ähnlichen UI-Komponenten, die positionierte DOM-Elemente verwenden, mit denen Sie die Darstellung und Anzeigedauer wesentlich besser steuern können. Ich habe noch nie einen benutzt, also konnte ich nicht für irgendeinen von ihnen bürgen, also werde ich nicht mit irgendwelchen verlinken. Googeln "JavaScript tooltip" wird Ihnen viel bieten. Es gibt auch viele Tooltip-Plug-Ins für vorhandene Bibliotheken wie jQuery herum.

Answer 2

Nicht sicher, ob Sie geneigt sind, jQuery zu verwenden, aber es gibt viele Tooltip-Plugins, die die gesuchte Funktionalität zusammen mit einigen Extras bieten.

Answer 3

Sie vielleicht in der Lage, die Antwort auf jquery dynamic tooltip auf Ihre Bedürfnisse

Answer 4

Wie bereits von anderen erwähnt zu ändern, können Sie nicht die Standard-Art und Weise ändern, die Anzeige Tooltips Browser. Sie sind auch sehr eingeschränkt in Ihren Anzeigefunktionen. (z. B. Nur Text, keine Steuerung des Layouts, Umbruch oder Stil, keine Bilder, ...) Ich habe jQuery Tooltip für das Projekt verwendet und es hat sehr gut funktioniert. Es bietet Ihnen eine hohe Kontrolle über Ihre Tooltips, einschließlich der Anzeige von beliebigen Inhalten. Sehr empfehlenswert.

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Answer 5

Eine einfache Tooltip mit nur CSS erstellt werden, wenn Sie nichts dagegen haben, ein wenig HTML hinzuzufügen.

.tipLink{ 
    color:#ff3333; 
    cursor:pointer; 
    position:relative; 
} 
.tip{ 
    position:absolute; 
    display:none; 
    top:10px; 
    left:30px; 
    background-color:#dddddd; 
    border:1px solid black; 
    width:100px; 
    color:black; 
    -webkit-border-radius:5px 5px 5px 5px; 
    -moz-border-radius:5px 5px 5px 5px; 
    border-radius:5px 5px 5px 5px; 
    text-align:center; 
} 
.tipLink:hover .tip{ 
    display:block; 
} 

und die HTML aussehen wird

<div>Select as many as apply 
<span class='tipLink'>? 
<span class='tip'>Press Ctrl to choose more than one option.</span> 
</span> 
</div> 
<br/>