Affichage d'un bloc de texte au passage de la souris ?

[JeVeuxSavoir]

Yo !

Quel est le code javascript (je crois que c'est JS ?) pour que quand on survol un texte à l'aide de la souris un bloc de texte apparaissent ? Puis qu'il disparaissent quand on enlève la souris...

Merci,
Cordialement.

[Waaapi]

Bonjour,

Aurais-tu un montage, un screen ou une image pour expliquer et détailler ce que tu recherche ?
Merci !

[JeVeuxSavoir]

Merci d'avoir répondu aussi rapidement, pour illustrer mes propos je propose:


Ça suffit ?

[Apek]

une info bulle.

[Lixyr]

Le code est simple, techniquement, si vous tapez "info bulle", vous allez trouver Pleeeeiiiiiiinnnnnn de réponses, dessus

Il suffit de chercher, et si ça <le code que vous trouverez> ne marche pas alors vous venez demander. ^^

Les codes pour les info bulles sont tous les mêmes, qu'ils soient pour les avat', pour afficher des images ou des textes, au pssage d'une image ou d'un texte, c'est toujours la même forme de code.

[Automne]

Bonsoir,

Je ne sais pas si cela vous sera utile, se code marche en

Code:

<div onmouseover="this.innerHTML = 'ICI LE DEUXIÈME TEXTE'" onmouseout="this.innerHTML = 'ICI LE PREMIER TEXTE'">ICI LE PREMIER
</div>

Cordialement

[Cædes]

Un infobulle ne serait pas plus simple ?

[FANCH 56]

Bonjour

Tu as ceci

Code:


[wow]custom:Passez le curseur,,  T E X T E          ,/t[/wow]

[wow]custom:Passez le curseur,, ON VOIT LE TEXTE EN PASSANT LE CURSEUR SUR LE TEXTE ,/t[/wow]

Ne pas oublier toutes les ponctuations

Pour aller à la ligne, utiliser la balise BR

[JeVeuxSavoir]

FANCH 56, c'est parfait ! Mais tu n'aurais pas le code HTML ?

[FANCH 56]

C'est le code en vert.

Tu peux changer la phrase Passez le curseur par la phrase que tu veux.

[JeVeuxSavoir]

J'ai essayé mais ça me mets le code tel quel

[Arlem]

Tu es sûr de bien le mettre comme ceci :

Code:

[wow]custom:TEXTE VISIBLE,, texte qui apparait au passage de la souris ,/t[/wow]

Ce n'est valable qu'en BBCode par contre donc inutilisable dans un code Html.

[JeVeuxSavoir]

Me faudrait du HTML moi :/

[Arlem]

Dans ce cas :

Le code est simple, techniquement, si vous tapez "info bulle", vous allez trouver Pleeeeiiiiiiinnnnnn de réponses, dessus

La façon la plus simple est celle-là :

Code:

<span title="texte de l infobulle">TEXTE</span>

[JeVeuxSavoir]

Tu aurais pas un affichage instantané ?

[Lixyr]

L'info bulle avec une div. =3
A chercher dans le forum pour les réponses.

[JeVeuxSavoir]

Yo,

J'ai essayer avec plusieurs code pour créer une info-bulle, mais malheureusement pour moi elle bug quand on met dans les templates
Si vous avez d'autres genres d'info-bulles je suis preneur

[Arlem]

Quels code as-tu essayé ?

[JeVeuxSavoir]

http://r-hunel.developpez.com/tutoriels/css/info-bulle/

Et tout ceux du topic et encore quelques sur google, mais apparemment ça aime pas les { } qui fait bugued l'infobulle

[Lixyr]

N'est ce pas plus simple ici ? infobulle boite de dialogue

[JeVeuxSavoir]

Merci !!!
C'est exactement le code qu'il me fallait pour que ça marche !
Je suis satisfait du résultat

[Lixyr]

De rien. x )