Une info-bulle est un site web pop-up qui s'affiche lorsque les souris passe d'un utilisateur sur un élément sur ​​une page. Un exemple typique est quand un utilisateur survole une souris sur une photo et une info-bulle indiquant le titre de la photo. XML est utilisé sur des sites Web pour stocker les données dans un format standard. Il peut être utilisé à la place d'une base de données. Un fichier XML peut être modifié à l'aide d'un éditeur de texte standard , ce qui rend plus facile pour le montage, si un utilisateur n'a pas d'expérience avec les bases de données . Les données provenant d'un fichier XML sont affichées sur un site Web en utilisant JQuery . Les données sont extraites du fichier XML en utilisant JQuery , puis analysé. Il est ajouté à la "Titre" balise HTML pour l'affichage sur un site Web. Choses que vous devez
Notepad
Afficher plus Instructions
1

Ouvrez un éditeur de texte comme Bloc-notes .
2

Ajoutez les lignes suivantes code, pour créer un fichier XML: < ? xml version = "1.0" encoding = "utf- 8" > Photos

< , titre de l'ouvrage = " CSS Mastery "> Photos

Description de la livre Maîtrise CSS va ici

Photos

Photos

Photos

description de la livre ASP professionnel va ici
< p > < /description> Photos

livres > Photos

Ce code stocke les informations XML sur deux livres. Les balises extérieures < /books > sont utilisés pour maintenir l'individu. Tous XML doit avoir l'ouverture et la fermeture des balises . Chaque livre a une balise appelée "title ", qui est le nom du livre. Une balise de description contient des informations détaillées sur chaque livre.
3

Enregistrez le fichier sous " xmldata.xml . "
4

Créer un nouveau fichier , en utilisant le . éditeur de texte
5

Ajoutez le code suivant :

< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" "http://! www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> Photos

< html crée la structure HTML de la page
6

Ajouter un lien vers les fonctions jQuery, hébergé sur Google, entre le " " et " " tags: .

7

ouvrir la fonction JQuery pour créer davantage HTML de la page :

15

Enregistrez le fichier comme une page HTML et l'ouvrir dans un navigateur
16 < p> Passez la souris sur l'un des liens de livres pour voir une info-bulle apparaît. Il montre la description du livre stocké dans le fichier XML.