Discussion :

[stoyak]

Bon j'avoue, je suis une vraie débutante en ce qui concerne le javascript ...
j'ai récupéré l'excellent script pour créer une infobulle.

Mais voilà, j'ai une petite question ... je voudrais que mon texte soit réparti sur plusieurs lignes; et donc utiliser des <br> ...
donc j'ai essayé:
appel du javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<script type="text/javascript" defer="defer"> var infobulle1 = new InfoBulle("infobulle1", "#F1D594", "titre", "contenu1<br> contenu2", "black", "Times");
</script>

mon code php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<?php
//$text ="bonjour";
echo "<a href=\"#\" onmouseover=\"infobulle1.montreToi()\" onmouseout=\"infobulle1.cacheToi()\"><img src=\"images/question.jpg\" alt=\"image\"  border='0'>
</a></a>";
?>

mais voilà, mes balises <br> ne sont pas interprétées comme du code html, mais elles sont insérées dans mon texte ..

auriez-vous une idée?
merci

[siddh]

as tu essayé avec des \n a la place ?

[Invité]

je n'ai pas eu le temps de faire une doc complete

mais si tu fouilles un peu dans le code, tu verras qu'il y a une methode ajouteRetourChariot(). tu n'as qu'à l'appeler quand tu veux ajouter un retour à la ligne dans ton InfoBulle, et ajouter la suite de ton texte avec la methode ajouteTexte()

[stoyak]

en effet, j'ai bien vu la méthode ajouteRetourChariot() ... mais ce n'est pas vraiment l'effet que je recherche ....
pour moi, ça rajoute un retour chariot quand je clique sur l'image ... donc quand je repasse ensuite la souris sur mon image, une ligne vide a été ajoutée ...
or, je souhaite juste que l'ensemble de mon texte puisse être réparti comme je veux sur plusieurs lignes ...

et sinon, j'ai bien essayé \n, mais ça ne donne rien ..

donc, si vous avez des idées, je suis preneuse!!

[siddh]

regarde le contenu de la methode qui ajoute un retour chariot pour savoir ce qu'il faut mettre

[denisC]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<script type="text/javascript" defer="defer"> var infobulle1 = new InfoBulle("infobulle1", "#F1D594", "titre", "contenu1", "black", "Times");
infobulle1.ajouteRetourChariot();
infobulle1.ajouteTexte("contenu2");
</script>

Utilise ça pour l'initialisation de ton info-bulle, ça devrait le faire

(et garde le même code pour ton image).

[stoyak]

en effet, ça le fait !!!

!

[Matthieu2000]

modifie la méthode

ajouteTexte

: utilise la balise pre plutot que span!?
(les retours à la ligne seront "\n" )