par
sadeq » 22 juil. 2008, 12:58
Utilise Javascript.
L'événement onMouseOver détecte le passage de la souris sur un objet HTML. S'il s'agit d'un mot dans un tas tu peux utiliser un lien hypertexte <a></a> ou alors un bloc délimité par <span></span>
Voici un exemple pour appliquer l'événement onMouseOver :
Code : Tout sélectionner
<p>Ce texte contient un <span onMouseOver="alert(this.innerHTML);">mot</span> spécial</p>
<style>
span {background:silver; font-weight:bold; color:white; cursor:pointer;}
</style>
Dans cet exemple, le <span> contient le texte : "mot" et que l'événement onMouseOver déclenchera l'exécution du code javascript "alert(this.innerHTML);" quand la souris sera sur le texte délimité.
Le code javascipt fait une alert() qui est une boite de message qui affiche le contenu de la balise en cours. Ce qui est exprimé par le code "this.innerHTML"
Voilà un début de solution tu pourras adapter à ton cas et étudié plutard comment afficher comme tu le souhaite. pour info, l'info-bulle peut être un simple <iframe> qui lui peut afficher une page web et qui peut jouer cache-cache dans ta page.
Utilise Javascript.
L'événement onMouseOver détecte le passage de la souris sur un objet HTML. S'il s'agit d'un mot dans un tas tu peux utiliser un lien hypertexte <a></a> ou alors un bloc délimité par <span></span>
Voici un exemple pour appliquer l'événement onMouseOver :
[code]<p>Ce texte contient un <span onMouseOver="alert(this.innerHTML);">mot</span> spécial</p>
<style>
span {background:silver; font-weight:bold; color:white; cursor:pointer;}
</style>[/code]
Dans cet exemple, le <span> contient le texte : "mot" et que l'événement onMouseOver déclenchera l'exécution du code javascript "alert(this.innerHTML);" quand la souris sera sur le texte délimité.
Le code javascipt fait une alert() qui est une boite de message qui affiche le contenu de la balise en cours. Ce qui est exprimé par le code "this.innerHTML"
Voilà un début de solution tu pourras adapter à ton cas et étudié plutard comment afficher comme tu le souhaite. pour info, l'info-bulle peut être un simple <iframe> qui lui peut afficher une page web et qui peut jouer cache-cache dans ta page.