Come si fa a fare suggerimento presentarsi più a lungo in IE

Question

ho ottenuto il seguente

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

in Firefox tooltip rimane lì fino a quando il mouse viene spostato, ma in IE rimane lì solo per circa 5 secondi e scompare.

c'è un modo per farlo durare più a lungo?

Answer 1

Non con le descrizioni comandi del browser integrate, n.

Ci sono tonnellate di componenti dell'interfaccia utente tipo tooltip che utilizzano elementi DOM posizionati che ti daranno un controllo molto più accurato della durata di presentazione e visualizzazione. Non ne ho mai usato uno quindi non potrei garantire per nessuno di essi, quindi non collegherò a nessuno. Googling "tooltip di JavaScript" ti farà divertire. Ci sono anche molti plug-in tooltip per le librerie esistenti come jQuery in giro.

Answer 2

Non sei sicuro se sei incline a usare jQuery, ma ci sono molti plugin di suggerimenti che ti forniranno le funzionalità che stai cercando, insieme ad alcuni extra.

Answer 3

Potreste essere in grado di modificare la risposta su jquery dynamic tooltip alle vostre esigenze

Answer 4

Come detto da altri, non è possibile cambiare il modo di default che browser tooltip di visualizzazione. Sei anche molto limitato nelle tue capacità di visualizzazione. (Ad esempio, solo testo, nessun controllo di layout, wrapping o styling, nessuna immagine, ...) Ho usato jQuery Tooltip sul progetto e ha funzionato molto bene. Ti fornisce un alto grado di controllo sui tuoi tooltip, inclusa la visualizzazione di contenuti arbitrari. Altamente raccomandato.

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

Answer 5

Un semplice suggerimento può essere creato con solo i CSS, se non ti dispiace l'aggiunta di un po 'di HTML.

.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; 
} 

e il codice HTML sarà simile

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