Abbiamo codificato semplici tooltip nel nostro sito Web per un po ', e ci siamo resi conto che potevamo realizzare la stessa cosa semplicemente usando l'attributo "titolo". Qualche ragione per cui non dovremmo usare l'attributo title come tooltip? Ci sono dei browser che non supportano questa funzione? (w3schools sembra indicare che tutti i principali browser supportano questo.)Posso dipendere dall'attributo del titolo visualizzato come suggerimento?
risposta
Tutti i principali browser supportano title
. Ma allora non hai la capacità di mostrare questo tipo di tooltips personalizzati: http://www.dreamcss.com/2009/03/list-of-25-javascriptajax-css-tooltip.html
Hai visto Utenti hover card su SO (questo sito)? Se hanno usato il titolo, potrebbe non essere possibile mostrare un suggerimento così meraviglioso.
È uno standard, si dovrebbe essere abbastanza sicuri.
Dall'articolo che hai collegato a: "I visual browser visualizzano spesso il titolo come 'suggerimento'". Non suona universale ... – froadie
Tutti i browser principali supportano effettivamente i suggerimenti, quindi sentitevi liberi di utilizzare l'attributo title per loro. Ti informerò che fornisci anche un attributo alt per rispecchiare il titolo per motivi di accessibilità (principalmente per utenti ipovedenti e non vedenti) e tolleranza agli errori (ad esempio se l'immagine non riesce a caricare o se l'utente sta utilizzando un utente che blocca l'immagine agente da una connessione lenta).
E 'veramente lento di presentarsi (1s o 2 su Chrome) e dubito che gli utenti di internet moderni hanno che molta pazienza in attesa che da mostrare.
È possibile utilizzare plug-in o codice hardware di terze parti (ciò che faccio la maggior parte del tempo) utilizzando gli eventi "mouseenter" e "mouseleave" di jQuery. codice fittizio, come di seguito: html:
<button id="button-awesome">Awesome</button>
<div class="tooltip" style="display:none">
This is a button
</div>
JavaScript/jQuery:
$('#button-awesome').on('mouseenter', function() {
show Tooltip // toggle, or slideToggle, or .css("display","block") or .removeClass('hidden')
}).on('mouseleave', function() {
// undo what you've just done.
});
fare attenzione quando si tratta di browser mobile. Per lo più non è supportato lì.
- 1. Suggerimento di Chart.js non visualizzato
- 2. Ritardo del titolo SVG
- 3. Semplice suggerimento dell'interfaccia utente jQuery senza attributo titolo
- 4. Come ottenere il suggerimento del titolo generato da JavaScript per SVG da mostrare
- 5. Posso cambiare il titolo del mio FolderBrowserDialog?
- 6. Come posso digitare suggerimento su un array?
- 7. Come aumentare la durata di hover predefinita di <a> attributo titolo (suggerimento)
- 8. Come posso personalizzare la barra del titolo su JFrame?
- 9. Come posso cambiare il colore del titolo UIButton?
- 10. Posiziona dinamicamente la freccia dell'angolo destro del filatoio ActionBar in base alla lunghezza del titolo visualizzato
- 11. Richiesto suggerimento/suggerimento tecnologico
- 12. Come posso modificare il titolo dell'applicazione java swing nella barra del titolo di Mac OS X?
- 13. Formattazione del suggerimento per Highcharts
- 14. Come impostare la dimensione del font suggerimento jqueryui
- 15. UINavigationItem Centratura del titolo
- 16. Come modificare il logo visualizzato nella barra del titolo del browser per un'applicazione Web distribuita in tomcat?
- 17. Come posso aggiungere un suggerimento o suggerimento a un'etichetta in C# Winforms?
- 18. Posso dipendere dai valori di GetHashCode() per essere coerenti?
- 19. TinyMCE 4: Come disabilitare/nascondere il suggerimento?
- 20. Estensione del suggerimento del tipo per PHP
- 21. Titolo Android non verrà visualizzato nella barra degli strumenti
- 22. Come posso determinare quando viene visualizzato UICollectionViewCell?
- 23. Posso usare @depends per dipendere da un test usando @dataProvider?
- 24. Come posso aggiungere del testo a sinistra ea destra del mio titolo del pannello?
- 25. Come modificare UITabBarController Altro titolo del pulsante?
- 26. Impostazione del carattere del suggerimento in TextEdit
- 27. iPhone/iPad UIButton Titolo Testo etichetta non visualizzato
- 28. iOS7 iphone rightBarButtonItem Titolo non centrato/visualizzato correttamente
- 29. UIButton di tipo UIButtonTypeCustom non verrà visualizzato Titolo (iPhone)
- 30. UITabBarItem posizione del titolo
Grazie per il suggerimento :) Abbiamo un tooltip più sofisticato per quando ne abbiamo bisogno. Avevamo solo bisogno di qualcosa per alcuni tooltip molto semplici e figurati invece di codificarlo potremmo usare l'attributo title – froadie
@Froadie: Sì per semplici suggerimenti (principalmente di una riga) non è necessario utilizzare suggerimenti personalizzati. Puoi usare il titolo per questo. –