Strumenti Utente

Strumenti Sito


sviluppo:utilizzo_tooltip

Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Entrambe le parti precedenti la revisioneRevisione precedente
Prossima revisione
Revisione precedente
sviluppo:utilizzo_tooltip [2014/02/21 15:24] a.muccisviluppo:utilizzo_tooltip [2018/03/19 10:45] (versione attuale) – modifica esterna 127.0.0.1
Linea 1: Linea 1:
 ==== Inserimento di un tooltip ==== ==== 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.+Per inserire un **tooltip** (consiglio su un oggetto) è necessario prima di tutto attribuire la classe **"ita-tooltip"** all'oggetto sul quale vogliamo ottenere questo effetto. Successivamente tramite l'utilizzo del **title** indichiamo il testo che vogliamo visualizzare al passaggio del mouse sull'oggetto.
 \\ \\
 \\ \\
-**Esempio su span:**+**Esempio su Span:**
 <code> <code>
 $MessaggioTooltip = '<span class="ita-tooltip" title="Questo è il consiglio visualizzato" >Visualizza Messaggio</span>'; $MessaggioTooltip = '<span class="ita-tooltip" title="Questo è il consiglio visualizzato" >Visualizza Messaggio</span>';
Linea 10: Linea 10:
 </code> </code>
 \\ \\
-Nota.\\ +**Note.**\\ 
-E' possibile inserire la classe "ita-tooltip" anche direttamente da generator, ricordandoci di gestire poi il **titolo** da codice.+ -  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 opportunamente elaborato.\\ 
 +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 su Griglia: 
 +<code> 
 +$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>"; 
 +</code> 
 +\\
  
-=== tooltip su una cella della tabella ===+{{ :sviluppo:richiestaaccettata.png?350 |}}
sviluppo/utilizzo_tooltip.1392996284.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)