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:31] 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>
 \\ \\
-Note.\\ +**Note.**\\ 
-  Se all'interno del messaggio si vogliono utilizzare dei tag html, UTILIZZARE la funzione **htmlspecialchars(Contenuto)**.\\+  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.\\  - E' possibile inserire la classe "ita-tooltip" anche direttamente da generator, ricordandoci di gestire poi il **titolo** da codice.\\
Linea 17: Linea 17:
 === Inserire un Tooltip in una cella === === Inserire un Tooltip in una cella ===
  
-E' possibile utilizzare il **tooltip** anche dentro ad una griglia, utilizzando un array.\\+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.\\ 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:+Esempio su Griglia:
 <code> <code>
 $MessaggioTooltip = '<span class="ita-tooltip" title="Questo è il consiglio visualizzato nella cella" >Visualizza Messaggio</span>'; $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>"; $Result_tab[$key]['CELLA']="<div class=\"ita-html\">" . $MessaggioTooltip . "</div>";
 </code> </code>
 +\\
  
 +{{ :sviluppo:richiestaaccettata.png?350 |}}
sviluppo/utilizzo_tooltip.1392996694.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)