-

-

Problème - Obtenir une infobulle lors du survol par la souris de certains mots/images à expliciter :

-Pas de fenêtre à refermer
-Pas de transfert vers une page d'index -néanmoins étudié ci-dessous-
(même s'il serait possible -souhaitable- de le faire pour de longues explications ... à condition de placer un petit picto de retour)
-Valable avec MS-Internet Explorer aussi bien qu'avec Netscape-Navigator.

-

-

-> page 2, effets de survol de la souris pour obtenir des infobulles sur texte.
-> page 2 bis, explications avec page d'index et retour.
-> page 3, effets de survol de la souris pour obtenir des infobulles sur images.

  (testé et mis au point sous IE v5.00.2614.3500, compatibilité NS v4.61 recherchée et signalée).
      Gérard Mélone

-

-

-

-

Infobulles sur texte :

-11- Ceci est un exemple d'infobulle sur un lien texte ... solution super simple mais valable uniquement avec IE.
(Pour un vrai lien, HREF="pageindex.html#ancre").

-12- Ceci est un exemple d'infobulle sur un lien texte ... valable dans IE et Netscape !
Pour un "lien" purement explicatif, j'ai enlevé la couleur spécifique des liens ! je te laisse enlever les soulignements et mettre en italique ... peut-être ... à toi de voir !

-13- Ceci est un autre exemple de mot à expliciter par une infobulle (solution valable avec IE seulement).

D'une manière plus générale, la solution Javascript est valable avec une balise permettant de gérer un "événement" :
- lien, balise A ... IE & NS
- balise SPAN ... IE
- balise DIV ... IE -à fouiller- mais défaut de changement de ligne et bulle apparaissant sur la totalité de la ligne.
- (pour mémoire, balise IMG, image) ... IE.
JavaScript ... toutes les possibilités du JS !
Il semblerait y avoir un problème de priorité de "profondeur" (propriété z-index:xxx de STYLE) dans le cas d'une infobulle au dessus d'une liste déroulante.
D'autres améliorations assez simples pourraient également être proposées grâce aux styles, CSS.

-

-

-

-

Explications avec page d'index et retour :

-14- Ceci est un exemple d'explication de certains mots difficiles du texte dans une page d'index et retour avec disposition de l'écran inchangée.
Pour des explications supplémentaires, demandez !

-

-

-

-

-

-

-

-

-

-

Infobulles sur images :

-21- Ceci est un exemple d'infobulle sur un lien image Propriété ALT de la balise IMG ... solution HTML valable IE & NS.
(La propriété TITLE de la balise A est aussi valable, mais seulement avec IE).

-22- Voici un exemple Javascript d'infobulle sur un lien-image ... solution JavaScript valable IE & NS.

-23- Voici un exemple Javascript d'infobulle sur une image ... solution JavaScript valable IE seulement.

Voir les remarques générales formulées au paragraphe précédent (point 13).

-

-

-

-

-

-

-