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.