Come mettere il codice PHP in Tooltip

March 12

Come mettere il codice PHP in Tooltip


Lo sviluppatore Web PHP utilizza il linguaggio di scripting PHP per introdurre contenuti dinamici nel suo sito web. Ad esempio, lo sviluppatore può codificare uno script PHP per recuperare dati da un database e integrare i dati con il sito. Lo sviluppatore può scegliere di presentare tali dati all'interno della finestra pop-up. La finestra Strumenti tooltip jQuery utilizza la libreria jQuery framework JavaScript per presentare una finestra pop-up interessante che visualizza le informazioni su un elemento di sito web. Quando un utente passa sopra l'elemento, viene visualizzata la finestra di suggerimento e visualizza il messaggio di PHP.

istruzione

1 La connessione al database, recuperare il testo tooltip, e memorizzarlo in una variabile. Si consideri il seguente esempio. PHP si connette a un database MySQL utilizzando la funzione PHP "mysql_connect", recupera le istanze del tooltipTextTable con "mysql_query" e utilizza il PHP ciclo "while" per assegnare ogni istanza ad una variabile ToolTipText:

<?php

mysql_connect ( "localhost", "username", "password") or die (mysql_error ());

mysql_select_db ( "yourDatabase") or die (mysql_error ());

$ Data = mysql_query ( "SELECT * FROM tooltipTextTable")

o morire (mysql_error ( 'Nessun record trovato'));

while ($ info = mysql_fetch_array ($ dati))

{

$ ToolTipText = $ info [ 'ToolTipText'];

}

?>

2 Fissare la libreria jQuery strumenti e chiamare l'elemento strumenti tooltip jQuery. Assegnare l'elemento con l'identità del div bersaglio. In questo esempio, la libreria jQuery strumenti è stato incorporato, e un codice jQuery chiama l'elemento descrizione comando per tutte le immagini che hanno un titolo e si trovano all'interno del div tooltip:

<Ciclo script. Per ogni occorrenza della variabile ToolTipText, un tag di immagine HTML è stato stampato. La variabile ToolTipText è stato assegnato al tag titolo di ogni istanza dell'immagine. Quando un utente passa sopra l'immagine, l'elemento tooltip jQuery sarà chiamato e il testo all'interno del tag titolo verrà visualizzato all'interno della finestra tooltip.

&lt;?php

mysql_connect ( "localhost", "username", "password") or die (mysql_error ());

mysql_select_db ( "yourDatabase") or die (mysql_error ());

print "<div id = 'tooltip'>";

$ Data = mysql_query ( "SELECT * FROM tooltipTextTable")

o morire (mysql_error ( 'Nessun record trovato'));

while ($ info = mysql_fetch_array ($ dati))

{

$ ToolTipText = $ info [ 'ToolTipText'];

print "<img src = 'anImage.jpg' title = '". $ ToolTipText. " '/>";

}

print "</ div>";

?>

Consigli e avvertenze

  • Una volta collocato all'interno dei tag appropriati, la versione completa del codice di esempio è il seguente:
  • <Html>
  • <Head>
  • <Script src = "http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"> </ script>
  • </ Head>
  • <Body>
  • <? Php
  • mysql_connect ( "localhost", "username", "password") or die (mysql_error ());
  • mysql_select_db ( "yourDatabase") or die (mysql_error ());
  • print "<div id = 'tooltip'>";
  • $ Data = mysql_query ( "SELECT * FROM tooltipTextTable")
  • o morire (mysql_error ( 'Nessun record trovato'));
  • while ($ info = mysql_fetch_array ($ dati))
  • {
  • $ ToolTipText = $ info [ 'ToolTipText'];
  • print "<img src = 'anImage.jpg' title = '". $ ToolTipText. " '/>";
  • }
  • print "</ div>";
  • ?>
  • <Script>
  • $ ( "# Tooltip img [titolo]") tooltip ().;
  • </ Script>
  • </ Body>
  • </ Html>