Nwlapcug.com


Come mettere il codice PHP in Tooltip



Lo sviluppatore PHP Web 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 l'integrazione dei dati con il sito Web. Lo sviluppatore può scegliere di presentare i dati all'interno della finestra pop-up. La finestra di descrizione comandi strumenti jQuery utilizza la libreria di framework JavaScript jQuery per presentare un'attraente finestra popup che visualizza informazioni su un elemento del sito Web. Quando un utente passa sopra l'elemento, la descrizione comandi viene visualizzata e viene visualizzato il messaggio PHP.

Istruzioni

1

Connettersi al database, recuperare il testo di descrizione comandi 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 da tooltipTextTable con "mysql_query" e utilizza il PHP "loop while" per assegnare ogni istanza a una variabile di tooltipText:

<?php

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

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

$data = mysql_query ("SELECT * da tooltipTextTable")

o die (mysql_error ('non trovati record'));

mentre ($info = mysql_fetch_array ($data))

{

$tooltipText = $info ['tooltipText'];

}

? >

2

Collegare la libreria di strumenti di jQuery e chiamare l'elemento tooltip strumenti di jQuery. Assegnare l'elemento con l'identità di destinazione div. In questo esempio, la libreria di strumenti di jQuery è stata incorporata e un codice jQuery chiama l'elemento tooltip per tutte le immagini che hanno un titolo e sono all'interno del div tooltip:

< ciclo di script. Per ogni occorrenza della variabile tooltipText, è stato stampato un tag immagine HTML. La variabile di tooltipText è stata assegnata al tag title di ogni istanza dell'immagine. Quando un utente passa sopra l'immagine, l'elemento tooltip jQuery verrà chiamato e il testo all'interno del tag del titolo verrà visualizzato all'interno della finestra di descrizione comandi.

&lt;?php

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

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

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

$data = mysql_query ("SELECT * da tooltipTextTable")

o die (mysql_error ('non trovati record'));

mentre ($info = mysql_fetch_array ($data))

{

$tooltipText = $info ['tooltipText'];

Stampare"< img src='anImage.jpg' title ='". $tooltipText. "'/ >";

}

Stampare "< / div >";

? >

Consigli & Avvertenze

  • Una volta inseriti all'interno dei tag corretto, la versione completa del codice di esempio è come segue:
  • < html >
  • < head >
  • < script src = "http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js" >< / script >
  • < / head >
  • < corpo >
  • <? php
  • mysql_connect ("localhost", "username", "password") o die(mysql_error());
  • mysql_select_db("yourDatabase") o die(mysql_error());
  • Stampare "< div id = 'tooltip' >";
  • $data = mysql_query ("SELECT * da tooltipTextTable")
  • o die (mysql_error ('non trovati record'));
  • mentre ($info = mysql_fetch_array ($data))
  • {
  • $tooltipText = $info ['tooltipText'];
  • Stampare"< img src='anImage.jpg' title ='". $tooltipText. "'/ >";
  • }
  • Stampare "< / div >";
  • ? >
  • < script >
  • $("#tooltip img[title]").tooltip();
  • < / script >
  • < / body >
  • < / html >