HTML - Probleme de double quote

Coula
Invité n'ayant pas de compte PHPfrance

15 mars 2007, 11:48

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 ;)

ViPHP
ViPHP | 3607 Messages

15 mars 2007, 11:57

<input type="button" value="Gauche" onClick="insertion('<p style=\"text-align: right;\">', '</p>')"> 
ça devrais le faire ... non?

Coula
Invité n'ayant pas de compte PHPfrance

15 mars 2007, 12:01

J'ai déja testé, et malheuresement non :(

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

15 mars 2007, 12:07

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>')">
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

Coula
Invité n'ayant pas de compte PHPfrance

15 mars 2007, 12:17

Ca marche, merci beaucoup Ryle ;)

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

15 mars 2007, 12:45

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 !!! ;)
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...