Discussion :

[Nyphel]

Bonjour,

Je me prends la tête sur un problème à priori simple, mais que je ne parviens pas à résoudre par moi-même.

Je dois générer, via un echo PHP, le code HTML suivant :

Code :

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

<a href="#" onClick="ma_fonction(ma_variable_js)">...</a>

ma_variable_js serait déclarée comme suit dans le HEAD :

Code :

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

1
2
3
<script type="text/javascript">
var ma_variable_js = '<img src="bigbaby.jpg" width="1075" height="717" border="0" alt="">'
</script>

Tout mon problème vient du fait que je ne souhaite pas déclarer ma variable dans le HEAD, aussi mon appel de fonction deviendra :

Code :

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

<a href="#" onClick="ma_fonction('<img src="bigbaby.jpg" width="1075" height="717" border="0" alt="">')">...</a>

Sauf que, du coup, le guillemet de src="bigbaby.jpg" va fermer celui du onClick.
Quoi que j'essaie, je ne parviens pas à produire mon code html/javascript correct.

Pourriez-vous me venir en aide, s'il vous plait ?

[javatwister]

pratiquement, on ne passe jamais en paramètre un morceau de html;

[sachav]

Pourquoi ne pas échapper les guillemets ?

Code :

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

1
2
 
<a href="#" onClick="ma_fonction('<img src=\"bigbaby.jpg\" width=\"1075\" height=\"717\" border=\"0\" alt=\"\">')">...</a>

[Nyphel]

Bonjour,

Une fois les guillemets échappés j'obtiens bien le code désiré :

Code :

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

<a href="#" onClick="ma_fonction('<img src="bigbaby.jpg" width="1075" height="717" border="0" alt="">')">...</a>

Toutefois le guillemet ouvrant du onClick sera fermé par le guillemet ouvrant du src.

[sachav]

Vous ne les avez pas échappés :

Echapper un guillemet, c'est transformer " en \" :

Code :

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

1
2
<a href="#" onClick="ma_fonction('<img src=\"bigbaby.jpg\" width=\"1075\" height=\"717\" border=\"0\" alt=\"\">')">...</a>

[Nyphel]

En effet, ce qui me donne le code du message précédant.

[FremyCompany]

Moi dans ce cas, je fais un URLEncode (escape en JavaScript) de ma chaine et j'écris "return maFunction(unescape('chaineUrlEncodée'));"

[sachav]

En effet, ce qui me donne le code du message précédant.

Quoi ?

Si vous les avez echappes, il ne devrait pas y avoir d'erreurs...

[FremyCompany]

Quoi ?

Si vous les avez echappes, il ne devrait pas y avoir d'erreurs...

Je ne crois pas que le XML tienne compte de ca...

Et à mon avis les navigateurs ne retransforment pas en les " en " dans les évents JS

[JulienC]

Bonjour,

Comme la ligne est dans un echo en PHP, il faut l'échapper 2 fois ! (une fois pour le traitement PHP, une fois pour le Javascript)

Code :

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

1
2
 
echo '<a href="#" onClick="ma_fonction(\'<img src=\\\"bigbaby.jpg\\\" width=\\\"1075\\\" height=\\\"717\\\" border=\\\"0\\\" alt=\\\"\\\">\')">...</a>';

[sachav]

Bonjour,

Comme la ligne est dans un echo en PHP, il faut l'échapper 2 fois ! (une fois pour le traitement PHP, une fois pour le Javascript)

Code :

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

1
2
 
echo '<a href="#" onClick="ma_fonction(\'<img src=\\\"bigbaby.jpg\\\" width=\\\"1075\\\" height=\\\"717\\\" border=\\\"0\\\" alt=\\\"\\\">\')">...</a>';

Ah oui, c'est vrai...
Deux fois, c'est pas plutot comme ca ?

Code :

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

echo '<a href="#" onClick="ma_fonction(\'<img src=\\"bigbaby.jpg\\" width=\\"1075\\" height=\\"717\\" border=\\"0\\" alt=\\"\\">\')">...</a>';