Bulle d'aide

Résolu
bonjours je voudrais savoir si quelqu'un sait comment faire ou connait un tutoriel pour faire une bulle qui s'ouvre lorsque l'on passe la souris sus le texte ou une image pour expliquer ce sur quoi pointe la bulle

merci pour votre aide

12 réponses

  1. Contributeur
    Oui, mais je m'en doutais un peu qu'il devait y avoir autre chose.
    1. Contributeur
      Title... comme son nom l'indique était fait pour donner un titre à une image ou à la rigueur une description courte.
      1. Contributeur
        Ah bah voilà. Je me disais aussi qu'il n'était pas très approprié pour ça.

        Merci notobe ;)
        1. Contributeur
          Sinon tu peux aussi faire un JavaScript et un <div style="display:hidden;"> qui au passage de la souris sur ton point d'interrogation, le JavaScript change le style de ta div en absolute. Et tu dis dans ton javascript que la position de la div dépend de la position du curseur de la souris :)

          Cordialement
          1. merci c'est juste du texte que je souhaite mettre pour expliciter quelques point sur mon site a l'aide d'une petite image genre point d'interogation a coter du mot en question
            donc le systeme titre devrait fonctionne je vais essayer ca
            merci
            1. Contributeur
              Donc tu peux mettre 10 lignes d'aide dans cette petite bulle d'aide, mais les balise HTML ne sont pas prises en charge. Donc il faut le faire avec du PHP je pense ;)
              1. Contributeur
                Oui, bien que je ne vois pas trop l'intérêt de mettre 10 lignes dans une bulle...
                1. Contributeur
                  Oui, tu peux aussi essayer de rajouter des balises html dedans, mais je ne garantie rien, je n'ai jamais essayé.
                  1. et je peut mettre un texte de ouf genre une explication de 10 lignes avec ca???
                    1. Contributeur
                      Bonjour,

                      Dans la balise <img> tu rajoutes l'attribue title.
                      En somme si tu veux qu'en passant sur une image, une bulle d'aide s'affiche avec marqué "La plage...", tu fais:

                      <img src="lien de l'image" alt="" title="La plage..." />
                      1. Contributeur
                        Salut,

                        Déjà tu as l'attribut title="" à mettre dans une balise qui affiche le texte au passage de la souris,

                        Sinon, un coup de javascript ;)

                        Cordialement