Strumenti Utente

Strumenti Sito


sviluppo:utilizzo_tooltip

Questa è una vecchia versione del documento!


Inserimento di un tooltip

Per inserire un tooltip (consiglio su un oggetto) è necessario prima di tutto attribuire la classe “ita-tooltip” all'oggetto sul quale si desidera avere l'effetto. Successivamente tramite l'utilizzo del title potremo indicare il testo che vogliamo visualizzare al passaggio del mouse sull'oggetto.

Esempio su span:

$MessaggioTooltip = '<span class="ita-tooltip" title="Questo è il consiglio visualizzato" >Visualizza Messaggio</span>';
Out::html($this->nameForm . '_Messaggio', $MessaggioTooltip );


Note.
- Se all'interno del messaggio si vogliono utilizzare dei tag html, UTILIZZARE la funzione htmlspecialchars(Contenuto).

- E' possibile inserire la classe “ita-tooltip” anche direttamente da generator, ricordandoci di gestire poi il titolo da codice.

Inserire un Tooltip in una cella

E' possibile utilizzare il tooltip anche dentro ad una griglia, utilizzando un array.
Per inserire in una cella un oggetto con il relativo tooltip, oltre ad attribuire la classe e il titolo come sopra descritto, sarà necessario inserire un div con la classe ita-html all'interno della cella che conterrà il tutto.

Esempio:

$MessaggioTooltip = '<span class="ita-tooltip" title="Questo è il consiglio visualizzato nella cella" >Visualizza Messaggio</span>';
$Result_tab[$key]['CELLA']="<div class=\"ita-html\">" . $MessaggioTooltip . "</div>";
sviluppo/utilizzo_tooltip.1392996694.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)