Infobulle en javascript

Fermé
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 30 mai 2009 à 15:36
Bonjour,
Je suis en train de développer un forum et j'ai placé dedans des infobulles en javascript un peu comme ici.
Je suis partie de ce tutoriel pour le faire: http://damienalexandre.fr/Info-Bulle-en-Javascript.html
Pour prendre l'exemple qui est mis sur ce tuto, l'info bulle est placé avec ce code:
<p on mouseover="montre('Ici je met tout le texte que je veut, <b>meme de l\'html</b> !');" on mouseout="cache();">Un paragraphe avec une info bulle !</p>

Je l'ai placé dans un echo'';
J'ai donc essayé d'en changer le contenu et c'est là que viens mon problème.

Voici très précisement mon code:
echo'[...]<a href="index.php?page=membre&amp;n='.$mbr['id'].'" class="info"  on mouseover="montre(\'<img src="images/inconnu.jpg" />\');" on mouseout="cache();">'.stripslashes($data['auteur']).'</a>[...]';

Et bien sur ça bloque avec l'image.
Si je met un simple <div> à la place ça fonctionne.
Je pense donc à un simple problème de concaténation. Mais je trouve pas la solution.
J'ai essayé:
echo'[...]<a href="index.php?page=membre&amp;n='.$mbr['id'].'" class="info"  on mouseover="montre(\'<img src=\"images/inconnu.jpg\" />\');" on mouseout="cache();">'.stripslashes($data['auteur']).'</a>[...]';

Mais même résolutat.
Je me tourne donc vers vous.
Merci à ceux qui pourront m'aider.

(J'ai mis volontairement des espaces sur les on mouse sinon je pouvais pas poster le message).