2010-12-14 15 views

risposta

5

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.

0

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.

0

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/

0

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/> 
+0

Ciao, mi piace questa soluzione. puoi dirmi come adattarlo al mio codice? – code511788465541441

+0

@ user51180 Non sono sicuro di cosa intendi esattamente. Hai un po 'di contenuto quando hai una parola o qualunque cosa vuoi che funga da link. Lo inserisci in un tag span. Poi dentro di te metti un altro tag span con le informazioni che vuoi che vengano visualizzate. – qw3n

+0

Questo esempio non funziona con IE11 o Chrome. – Necreaux

Problemi correlati