Discussion :

[SebastienM]

Bonjour, je bloque sur un problème simple : remplir un textarea en JS, mais voilà le problème :

Code :

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

<a href="javascript:document.getElementById('monElement').value = 'Voici un \"bel\" exemple';">Remplir ma textarea</a>

|-> EDIT : Pas très juste, c'est une faute de frappe, voir ci-dessous

Mais voilà, malgré l'échappement des doubles guillemets (qui concernent HTML et non JS), l'interpréteur HTML des naviguateurs considère la fin du href au premier " et fait bugger le reste.
Y a t-il une solution ? (je pensais éventuellement à un encodage de type URL mais ça ne me plaît pas trop ...)

Merci d'avance de m'aider.

[SpaceFrog]

Suffit d'inverser les quotes

Code :

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

1
2
<a href="#" onclick='document.getElementById("monElement").value = "Voici un \" bel \" exemple"; return false;'>Remplir ma textarea
<textarea id="monElement"></textarea>

Cela fonctionnerait aussi dans le href mais c'est a éviter...

[SebastienM]

Merci de ta réponse mais ça ne résout pas le problème : si il y a un quote simple dans ma chaine JS ?

[Bovino]

Ton problème venait du fait que tu mettais ton code javascript dans le href, qui attend en valeur une URL, donc dans une URL, il n'y a pas d'échappement des quotes. En revanche, en plaçant le code JavaScript là où il est attendu, c'est-à-dire dans l'attribut événement tu pourras échapper tes quotes

[SebastienM]

onclick n'est pas un attribut évènement ???

EDIT : je m'embrouille tout seul là et je m'explique : en fait j'ai mal tapé la ligne dans mon premier message. Bien évidemment j'ai tapé le code JS dans l'évènement onclick et avec href="#". Mais le problème persiste...
L'idée est peut etre de remplacer à la volée (en PHP à la base) le contenu JS (par exemple " par ' ') puis dans un évènement onchange du textarea cible, de re-remplacer ces valeurs si celui-ci n'a pas de focus, non ? C'est un peu tiré par les cheveux, mais je ne vois pas trop d'autres solutions. Peut etre isoler dans des variables dans une balise script ?

[Bovino]

Si, mais pas href !

Code html :

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

<a href="javascript:alert(\"toto\")">

Ne fonctionnera pas car href attend une URL et n'accepte pas les échappements,

Code html :

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

<a href="#" onclick="alert(\"toto\"); return false">

fonctionnera car onclick attend du JavaScript qui comprend les échappements.

[SebastienM]

Désolé, j'ai modifié mon message ci-dessus :
Comme je le disais,

Code :

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

<a href="#" onclick="javascript:document.getElementById('monElement').value = 'Voici un \"bel\" exemple';">Remplir ma textarea</a>

ne fonctionne pas

[Bovino]

Arf... oui
Encore pris en flagrant délit de raconter n'importe quoi
Le plus simple sera donc de passer par une fonction, ça tombe bien, il est toujours recommandé de séparer le comportement (JavaScript) du contenu (HTLM) :

Code html :

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

<a href="#" onclick="ma_fonction()">

et

Code :

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

1
2
3
4
function ma_fonction(){
    document.getElementById('monElement').value = 'Voici un "bel" \'exemple\'';
    return false;
}

[SebastienM]

Impeccable merci, comme quoi les grands esprits se rencontrent