-
-
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 ... 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).
-
-
-
-
-
-
-