Passage d'une chaine à une fonction javascript [Résolu]

[keryss]

Bonjour,

Je travaille en .net c# et je tente de passer une chaîne de caractère à une fonction javascript depuis mon code behind.

Je n'ai aucun souci sur des chaines simples, mais dès que cela devient complexe, je plante sur des caractères spéciaux.

J'ai bien remplacé les " par \" mais ca ne semble pas suffire, il y en a d'autres qui empechent le bon fonctionnement.

Exemple d'une chaine: (qui affiche un petit texte avec une couleur et une police... pas bien compliqué normalement)

Code :

1
2
 
"<p><span style="font-size: medium; color: #000000; background-color: #ff6600;"><span style="font-size: xx-large;">coucou</span>, c'est juste <strong>un test</strong></span></p>  <p><span style="background-color: #ffff00;">voilou</span></p>  <p>&nbsp;</p>  <p><span style="background-color: #ffff00;"><span style="font-family: arial black,avant garde; font-size: small;"><em><span style="text-decoration: underline;"><span style="background-color: #339966;">c'est modifi&eacute; ^^</span></span></em></span><br /></span></p>"

Que dois-je faire ?
y a t'il une méthode toute faite pour faire cela ?

MErci d'avance,

[NoSmoking]

Bonjour,
le plus simple me semble t-il est de mettre ta chaine entre '
exemple

Code :

var chaine = 'la chaine incluse';

dans ce cas les doubles quote, ", ne pose pas de problème
exemple

Code :

var chaine = 'la chaine "incluse" avec des doubles quote';

et pour insérer une simple quote, ', il faut échapper celle ci avec un antislash \
exemple

Code :

var chaine = 'la chaine c\'est rompue';

[keryss]

Effectivement tes conseils marchent très bien dans la fonction javascript.

Mais mon souci est que je l'appelle depuis le code behind.. Et la cela ne change rien...

Je génère en fait dynamiquement un évènement sur un GridView.

e.Row.Attributes.Add("onmouseover", "FctJavaScript('" + chaine + "')");

Je seche un peu sur la syntaxe de la chaine...

Une idée ?

[NoSmoking]

dans ce cas il faur également échapper les " avec un \
ta chaine devient

Code :

'<p><span style=\"font-size: medium; color: #000000; background-color: #ff6600;\"><span style=\"font-size: xx-large;\">coucou</span>, c\'est juste <strong>un test</strong></span></p> <p><span style=\"background-color: #ffff00;\">voilou</span></p> <p>&nbsp;</p> <p><span style=\"background-color: #ffff00;\"><span style=\"font-family: arial black,avant garde; font-size: small;\><em><span style=\"text-decoration: underline;\"><span style=\"background-color: #339966;\">c\'est modifi&eacute; ^^</span></span></em></span><br /></span></p>'

[keryss]

Oulah je dois m'y prendre comme un pied

Bon voici le code C#.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
string MaChaine = ... (lecture colonne de table SQL)
 
MaChaine.Replace('"', '\"');
 
MaChaine= " ' " + MaChaine + " ' ";
 
e.Row.Attributes.Add("onmouseover", "FctJavaScript( ' " + MaChaine+ " ')");
 
Et le code Javascript:
 
function ShowTip(MaChaine) 
        {
            document.getElementById("Label1").innerHTML = MaChaine;              
        }

Au final Firebug me dit soit :
- missing ) after argument list
soit d'autres messages sur des caracteres manquants...

[NoSmoking]

en C# je ne sais pas mais en javascript

Code :

1
2
3
var chaine = 'c\'est "bien"';
chaine= chaine.replace(/"/g, '\\"');
alert( chaine);

le \ étant un caractère d'échappement il faut l'échapper

[keryss]

Elle fait quoi ta deuxieme ligne ?
Je veux dire, elle remplace quoi par quoi ?

Code :

chaine= chaine.replace(/"/g, '\\"');

[NoSmoking]

(/"/g, '\\"');

/"/g est l'expression régulière
/"/ c'est le caractère à remplacer , ici " mis entre slash
g est la façon de traiter la recherche, g = global

(/"/g, '\\"');
\\" est la valeur de remplacement

en résumé on remplace " par \" dans toute la chaine

EDIT
je ne suis pas un spécialiste en RegExp et ne suis donc pas sûr que cela soit clair.

[keryss]

ok merci à toi. vais voir tout ca.

[Billy KiT]

Salut,
c'est moi ou tu mets 2 fois les ' ' :

Code :

1
2
MaChaine= " ' " + MaChaine + " ' ";
e.Row.Attributes.Add("onmouseover", "FctJavaScript( ' " + MaChaine+ " ')");

Il faut soit virer la première ligne, soit écrire

Code :

1
2
MaChaine= " ' " + MaChaine + " ' ";
e.Row.Attributes.Add("onmouseover", "FctJavaScript(" + MaChaine+ ")");

enfin il me semble

[keryss]

Envoyé par Billy KiT

Salut,
c'est moi ou tu mets 2 fois les ' ' :

Code :

Il faut soit virer la première ligne, soit écrire

Code :

enfin il me semble

En effet... Mais ca change pas grand chose...

J'ai toujours les mêmes messages, soit "unterminated string literal", soit "missing ) after argument list".

si je prends ma chaine en dur directement dans la fonction javascript de la manière suivante, je n'ai aucun souci. (J'ai bien ajouter les simples quotes au début et à la fin + échapper les simples quotes dans la chaine).

Code :

1
2
3
4
5
6
7
function ShowTip(description) 
        {
            var chaine = '<p><span style="font-size: medium; color: #000000; background-color: #ff6600;"><span style="font-size: xx-large;">coucou</span>, c\'est juste <strong>un test</strong></span></p>  <p><span style="background-color: #ffff00;">voilou</span></p>  <p>&nbsp;</p>  <p><span style="background-color: #ffff00;"><span style="font-family: arial black,avant garde; font-size: small;"><em><span style="text-decoration: underline;"><span style="background-color: #339966;">c\'est modifi&eacute; ^^</span></span></em></span><br /></span></p>';
 
            document.getElementById("Label1").innerHTML = description ;
 
        }

Mais l'envoyer dynamiquement depuis le code behind, c'est mission impossible, je deviens chèvre !!! j'essaye tout dans tous les sens !

Il y a des caractères qui bloquent, mais lesquels ???

Voici le résultat dans Firebug..

onmouseover="ShowTip('<p><span style="font-size: medium; color: #000000; background-color: #ff6600;"><span style="font-size: xx-large;">coucou</span>, cest juste <strong>un test</strong></span></p>
<p><span style="background-color: #ffff00;">voilou</span></p>
<p> </p>
<p><span style="background-color: #ffff00;"><span style="font-family: arial black,avant garde; font-size: small;"><em><span style="text-decoration: underline;"><span style="background-color: #339966;">cest modifié ^^</span></span></em></span><br /></span></p>')"

[Loceka]

Essaye de localiser les passages de ta chaîne qui posent problème et de régler un problème à la fois (en faisait une sous chaîne ne contenant que la partie posant problème), ce sera beaucoup plus simple.

[keryss]

Oui, en effet, tu as raison.

bon c'est bien les simples quotes qui posent pb dans le code behind...

Si je passe ca, aucun souci...

Code :

1
2
3
4
5
6
7
string test = "cest juste un test";
e.Row.Attributes.Add("onmouseover", "ShowTip('" +  test + "')");
 
function ShowTip(test) 
        {              
            document.getElementById("Label1").innerHTML = test;         
        }

Par contre ca, c'est foutu... Pourtant l'apostrophe est échappée non ??

Code :

1
2
3
4
5
6
7
string test = "c\'est juste un test";
e.Row.Attributes.Add("onmouseover", "ShowTip('" +  test + "')");
 
function ShowTip(test) 
        {              
            document.getElementById("Label1").innerHTML = test;         
        }

Il me met:

missing ) after argument list
[Stopper sur une erreur] ShowTip('c'est juste un test')

[Loceka]

en javascript oui, mais si ça passe d'abord par un langage serveur il faut aussi l'échapper pour ce langage.
Dit autrement : il faut que dans ton javascript ta chaîne contienne le caractère d'échappement. Donc côté serveur il faut que tu génères une chaîne affichant un caractère d'échappement.
ex :

Code :

1
2
3
4
//Serveur :
string test = "c\\'est juste un test";
// Javascript (client) :
string test = "c\'est juste un test";

Il faut d'ailleurs que tu échappe ton "\" à chaque fois que ta chaîne est évaluée (elle ne l'est pas forcément qu'une fois par le serveur et par le client, dans le cas des regex par exemple elle le sera 2 fois par le client : par javascript d'abord, par la regex ensuite).
Une méthode bourrin pour savoir combien d'échappement est nécessaire est de doubler le nombre de "\" tant que ça passe pas : "\", "\\", "\\\\", "\\\\\\\\", ... Inutile de t'embetter avec les valeurs intermédiaires (genre 6 "\") car elles n'ont aucun sens si on comprend la logique de l'échappement.

PS :
en javascript tu ne peux pas déclarer de variable de type "string", c'est forcément un "var".

[keryss]

mouarf, échapper l'échappement... c'est des malades

Ok bon je dois être maudit ...

Je coups ma chaine en 3 parties.

Je l'assigne en dur dans un string dans le code behind.

Je fais donc un :

Code :

1
2
3
4
5
string test = "<p><span style=\"background-color: #ffff00;\">voilou</span></p>";
 
test = test.Replace("'", "\\'");
 
e.Row.Attributes.Add("onmouseover", "ShowTip('" +  test + "')");

Aucun souci....

Je rajoute des bouts au fur et à mesure jusqu'à passer la chaine complete, aucun souci...

J'utilise alors ma variable qui vient de SQL directement (c'est une colonne de table en fait)

donc ...

Code :

1
2
3
4
 
string test = row.Description;
test = test.Replace('"', '\"').Replace("'", "\\'");
e.Row.Attributes.Add("onmouseover", "ShowTip('" +  test + "')");

ca marche plus ouiiiiiin, j'en ai marre....

rhaaa je crois que je le tiens... En fait il me rajoute des \r\n dans ma chaine lorsque elle vient de SQL ce c...

[Loceka]

Ca ne sert à rien de faire le replace côté client (en javascript donc). Si ta chaîne est mal formée en javascript tu ne peux plus rien faire dessus...

[keryss]

Envoyé par Loceka

Ca ne sert à rien de faire le replace côté client (en javascript donc). Si ta chaîne est mal formée en javascript tu ne peux plus rien faire dessus...

je ne le fait pas coté client le replace...

Mais le pb semble venir des \r\n qu'il me rajouter lorsqu'il vient de SQL.

[keryss]

ouaip ok c'est bon...

Bon venant de SQL il faut bien faire un ...

Code :

test = test.Replace("'", "\\'").Replace("\r\n", " ");

Les doubles quotes sont automatiquement gérées, par contre il faut traiter les \r\n qu'il rajoute...

ouf... merci à vous !