Infobulles

Bonjour

Je suis totalement débutante, j'essaye comme je peux de bidouiller des codes trouvés sur le net, et je m'en sors de temps en temps. Mais là, je bloque.
Je cherche à créer une infobulle sur une icone. Le contenu de l'infobulle serait uniquement du texte. J'ai trouvé plein de choses sur internet, mais mon cerveau ne semble pas vouloir assimiler correctement les données... Je deviens folle, donc j'ai décidé de demander de l'aide.

Je ne sais pas si je suis dans la bonne catégorie, alors je m'excuse si je me suis trompée.
Par ailleurs, j'aimerai juste que quelqu'un m'explique (m'envoyer vers une explication toute faite ne me fera que déprimer encore davantage puisque je ne comprends rien )

Merci BEAUCOUP d'avance. Vous me sauverez de la crise de nerfs

Bonjour,

une solution en JavaScript peut-être? notamment une gestion des évenements. en clair onmouseover sur l'icone qui déclenche une fonction que tu développes pour faire apparaître ton infobulle.

sinon, en html5 plus css (data-tooltip).

Je voulais éviter le javascript parce que je ne sais pas vraiment comment l'utiliser, mais si c'est plus simple comme ça... Est-ce qu'il est possible de personnaliser l'infobulle en utilisant le javascript ?

Est-ce que tu aurais quelques codes pour m'aider ?

Merci beaucoup pour ta réponse en tous cas

des exemples de code...pas sûr que cela aide vraiment. si ton infobulle est une image. ben, cela peut faire un truc du style :

onmouseover="document.name_de_l_image_src='url_infobulle' " onmouseout="et pis là plus rien..."

une image préchargée et non visible encore, tu peux toujours la personnaliser en css.

Salut,

Tu peux ajouter un attribut "title" à ton image (dans l'html) qui te permettra d'afficher une description dans une infobulle. Voici un exemple :

<img src="chemin-vers-ton-image" width="largeur-de-ton-image" height="hauteur-de-ton-image" alt="texte-alternatif" title="ta-description" />

Ainsi, à chaque fois qu'on passera la souris sur l'image (il faut attendre un peu) une infobulle apparaîtra avec ta description.

Par contre, tu ne pourras pas, à ma connaissance, la styliser.
Si tu veux la styliser je pense qu'il te faudra suivre les indications de FloydinBremen.

Tu as une solution assez simple en CSS avec l'évènement :hover. Si tu recherches "infobulle css" sur un moteur de recherche, tu trouveras de nombreux exemples comme celui-ci par exemple.

Si tu as besoin d'être éclaircie sur un point, n'hésites pas.

Je vous remercie tous pour votre aide. Avec vos conseils et l'aide d'un ami j'ai réussi à faire ce que je voulais.

Merci beaucoup