Guillemets doubles dans un href

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

Code:

---

<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 :sm:

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.

Suffit d'inverser les quotes

Code:

---

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...

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 ?

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

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 ?

Si, mais pas href !

Code:

---

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

---

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

Code:

---

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

---

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

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

Code:

---

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

---

ne fonctionne pas :(

Arf... oui
Encore pris en flagrant délit de raconter n'importe quoi :oops:
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:

---

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

---

et

Code:

---

1 2 3 4

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

---

Impeccable merci, comme quoi les grands esprits se rencontrent :)