Page 1 sur 1

HTML - Probleme de double quote

Posté : 15 mars 2007, 11:48
par Coula
Bonjour,

J'ai en fait 3 boutons qui m'affichent des balises avec des fonctions javascript, pour gérer l'alignement.
Voila le code :

Code : Tout sélectionner

<input type="button" value="Gauche" onClick="insertion('<p style="text-align: right;">', '</p>')"> <input type="button" value="Droite" onClick="insertion('<p style="text-align: center;">', '</p>')"> <input type="button" value="Centre" onClick="insertion('<p style="text-align: left;">', '</p>')">
Voila donc le probleme c'est le style="....." , puisque les quote interferent avec celles du onClick...

J'ai testé pas mal de combinaisons différentes, avec du php etc, et j'arrive pas a trouver la bonne qui fait tout marcher.

Si vous pouvez m'aider, merci d'avance ;)

Posté : 15 mars 2007, 11:57
par jojolapine
<input type="button" value="Gauche" onClick="insertion('<p style=\"text-align: right;\">', '</p>')"> 
ça devrais le faire ... non?

Posté : 15 mars 2007, 12:01
par Coula
J'ai déja testé, et malheuresement non :(

Posté : 15 mars 2007, 12:07
par Ryle
En fait l'antislah protége un caractère en javascript, mais pas en html ou il faut utiliser les entités html...

Tu peux donc utiliser des apostrophes et les protéger, ou bien utiliser " pour remplacer tes guillemets. Ceci devrait mieux fonctionner :
<input type="button" value="Gauche" onClick="insertion('<p style=\'text-align: right;\'>', '</p>')">

<input type="button" value="Gauche" onClick="insertion('<p style="text-align: right;">', '</p>')">

Posté : 15 mars 2007, 12:17
par Coula
Ca marche, merci beaucoup Ryle ;)

Posté : 15 mars 2007, 12:45
par Ryle
Yapadkoi :)

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton [Mettre Résolu] qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!! ;)