|
Le développeur Web PHP utilise le langage de script PHP pour présenter un contenu dynamique sur son site web. Par exemple, le développeur peut coder un script PHP pour récupérer des données à partir d'une base de données et d'intégrer les données avec le site. Le développeur peut choisir de présenter ces données à l'intérieur de la fenêtre pop-up . Les outils jQuery tooltip fenêtre utilise la bibliothèque JavaScript jQuery cadre pour présenter une belle fenêtre pop-up qui affiche des informations sur un élément du site Web. Quand utilisateur pointe sur l'élément , la fenêtre d' info-bulle apparaît et affiche le message PHP. Instructions
1 Connectez-vous à votre base de données, récupérer le texte d'info-bulle , et de le stocker dans une variable. Prenons l'exemple suivant . PHP se connecte à une base de données MySQL en utilisant la fonction " mysql_connect " PHP , extrait les instances de la tooltipTextTable avec " mysql_query " et utilise le PHP boucle "while" d'attribuer à chaque instance à un tooltipText variables :
< php Photos mysql_connect ( "localhost", "username" , "password" ) or die ( mysql_error ());
mysql_select_db ( " votre_base_de_données " ) or die ( mysql_error ()); < br ( "SELECT * FROM tooltipTextTable " )
or die ( mysql_error (' Aucun résultat ')) > while ($ info = mysql_fetch_array ( $ data ) ) {
$ tooltipText = $ info [' tooltipText '] ; }
?
>
2 < p> Fixez la bibliothèque d'outils jQuery et appeler les outils jQuery élément info-bulle. Attribuez l'élément avec l'identité de la div cible. Dans cet exemple, la bibliothèque d'outils jQuery a été intégré , et un code jQuery appelle l'élément d' info-bulle pour toutes les images qui ont un titre et sont à l'intérieur de la div info-bulle :
< script de . img [titre] " ) infobulle ();
3 Intégrer l'appel info-bulle dans le code PHP Regardez cet exemple de code PHP. . la commande d'impression PHP a été utilisé pour placer le div info-bulle autour du PHP boucle "while" . pour chaque occurrence de la variable tooltipText , une balise image HTML a été imprimé . la variable tooltipText a été attribué à la balise title de chaque instance de l'image. Quand un utilisateur survole l'image , l'élément d' info-bulle jQuery seront convoquées et le texte à l'intérieur de la balise title seront affichés à l'intérieur de la fenêtre d' info-bulle.
< p> mysql_connect ( "localhost", "username" , "password" ) or die ( mysql_error ());
mysql_select_db ( " votre_base_de_données " ) or die ( mysql_error ());
print " ";
> Photos
|
. ». ;