Passage d'une chaine à une fonction javascript

Version imprimable

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 "coucou, c'est juste un test voilou   c'est modifié ^^ "
Que dois-je faire ?
y a t'il une méthode toute faite pour faire cela ?

MErci d'avance,

13/03/2011, 20h13
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';
13/03/2011, 21h18
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 ?
13/03/2011, 21h29
NoSmoking

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

Code:

'coucou, c\'est juste un test voilou   c\'est modifié ^^ '

Oulah je dois m'y prendre comme un pied :mouarf:

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

13/03/2011, 22h11
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
13/03/2011, 22h16
keryss

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

Code:

chaine= chaine.replace(/"/g, '\\"');
13/03/2011, 22h43
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.
13/03/2011, 22h48
keryss

ok merci à toi. vais voir tout ca.

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

Citation:
Envoyé par 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 :?
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 = 'coucou, c\'est juste un test voilou   c\'est modifié ^^ '; 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..

Citation:

onmouseover="ShowTip('coucou, cest juste un test
voilou
&nbsp;
cest modifi&eacute; ^^ ')"

14/03/2011, 09h58
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.

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:

Citation:

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

14/03/2011, 10h35
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".
14/03/2011, 11h04
keryss
mouarf, échapper l'échappement... c'est des malades :mouarf:

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 = "voilou"; 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...
14/03/2011, 11h14
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...
14/03/2011, 11h15
keryss

Citation:

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.
14/03/2011, 11h18
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 !