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
    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
    0
    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..." />
      0
      1. et je peut mettre un texte de ouf genre une explication de 10 lignes avec ca???
        0
        1. Contributeur
          Oui, tu peux aussi essayer de rajouter des balises html dedans, mais je ne garantie rien, je n'ai jamais essayé.
          0
          1. Contributeur
            Oui, bien que je ne vois pas trop l'intérêt de mettre 10 lignes dans une bulle...
            0
            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 ;)
              0
              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
                0
                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
                  0
                  1. Contributeur
                    Ah bah voilà. Je me disais aussi qu'il n'était pas très approprié pour ça.

                    Merci notobe ;)
                    0
                    1. Contributeur
                      Title... comme son nom l'indique était fait pour donner un titre à une image ou à la rigueur une description courte.
                      0
                      1. Contributeur
                        Oui, mais je m'en doutais un peu qu'il devait y avoir autre chose.
                        0