Tooltip: differenze tra le versioni

Versione delle 08:45, 15 ott 2023

Versione attuale delle 12:02, 5 gen 2025

(5 versioni intermedie di 3 utenti non mostrate)

Riga 1:

[[File:VisualEditor Edit tab tooltip with access key.png|framed|right|Un tooltip di un browser sopra ad un [[collegamento ipertestuale]] di [[Wikipedia]].]]

Il '''tooltip''' (letteralmente{{Lett}}: consiglio su uno strumento) è un breve messaggio a comparsa ([[popup]]), comune in diverse [[Interfaccia grafica|interfacce grafiche]], in particolare quelle che prevedono un [[mouse]] od altri [[Dispositivo di puntamento|dispositivi di puntamento]]. In genere, se un elemento prevede questa interazione, il tooltip compare quando il [[cursore]] è posizionato sull'elemento, scomparendo nuovamente al suo allontanamento.<ref name="w3c-wcag21">{{Cita web

|url = https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html

|titolo = Content on Hover or Focus

Riga 61:

=== Tooltip in CSS3 ===

Esempio completo di tooltip in [[CSS3]]<ref>{{Cita web|url=https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip|titolo=Tryit Editor v3.6|lingua=en-US|accesso=2021-03-01}}</ref>:

<syntaxhighlight lang="html">

Riga 101:

=== Tooltip in JavaScript (Bootstrap) ===

Esempio completo di tooltip in [[JavaScript]] con [[Bootstrap (framework)|Bootstrap]]<ref>{{Cita web|url=https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip&stacked=h|titolo=Tryit Editor v3.6|lingua=en-US|accesso=2021-03-01}}</ref>:

<syntaxhighlight lang="html">