[VS 2008 - Javascript] appel d'une fonction a partir du code behind

Bonjour,

J'ai une page d'accueil avec une carte OpenLayers. Lors de mes différents traitements, j'effectue un ajout d' "événements" représentés par des icônes sur ma carte. OpenLayers est en javascript.

Je récupère mes événements en Web Services. J'obtiens donc un tableau de structure (un événement est une structure).
je mets une boucle for pour "dérouler" mon tableau (en mode débogage, mon tableau est bien rempli).

Ensuite, je crée un string qui contient le script que je voudrais envoyer au client, plus précisément à une fonction javascript dans le head.

Code:

---

1 2 3 4 5 6

string script = "<script language=\"javascript\">add_Event(" + Tableau[i].attribut1.ToString() + "," + Tableau[i].attribut1.ToString()+ ")</script>"; string script2 = "<script language=\"javascript\">alert(\"script\")</script>"; Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_event()", script); Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_event()", script2); //Response.Write(script2);

---

Le script2 contient un message box qui s'affiche bien. Mais le premier script qui contient les données ne "passe" pas. Apparement, il faut mettre une chaine "continue" (sans les +). J'ai mis le + avec le "alert" et ca marchait plus.

Remarque : Page.ClientScript.RegisterStartupScript et Response.Write sont pareils.

Auriez-vous une idée, s'il vous plait ?
Merci beaucoup !

Quand j'enlève la balise <script> de la chaine de caractère, cette chaine est affichée tout en bas de la page. Par contre, avec la balise, rien ne se passe...
ça ne fonctionne pas...

Même si ça n'a pas grand intérêt voici la fonction javascript :

Code:

---

1 2 3 4 5 6 7 8 9

function add_Event(evId, var1, var2, var3, var4, evLongitude, evLatitude, var5, var6, var7, var8, var9, var10, var11) { var lonLatMarker = lonLatToMercator(new OpenLayers.LonLat(evLongitude, evLatitude));   var icon_event = new OpenLayers.Icon('./images/image.gif',new OpenLayers.Size(20,30)); var event_marker = new OpenLayers.Marker(lonLatMarker,icon_event); events_markers.addMarker(event_marker); }

---

Merci

[EDIT] Remarque : Le nombre de parametres correspond bien à celui que j'ai en behind. [/EDIT]

Citation:

---

Envoyé par slim

Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_event()", script);
Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_event()", script2);

---

Tu inscris tes deux scripts avec la même clef (Type, Key).
Soit tu changes la clef d'un des deux scripts, soit tu écris les deux scripts en un seul sous la même clef.

Bonjour!

Merci pour ta réponse.

j'ai changé la clé. j'ai mis ça :

Code:

---

1 2 3

Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_Event", script); string script2 = "<script language=\"javascript\">alert(" + script + ")</script>"; Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_Event2", script2);

---

j'ai ajoute des + pour qu'il prenne en compte le script que j'ai ecris au début. Mais il ne me l'affiche pas. j'ai meme essaye avec script.ToString()...
Avec les +, l'alerte ne s'affiche meme plus.

Merci

[EDIT] avec ce code, il m'affiche une parenthèse en bas de page a gauche. C'est la dernière parenthèse du 2eme script script2 (c'est sur que c'est le 2eme, j'ai teste en ajoutant un tiret après la parenthèse et il me l'affiche aussi!!), juste avant la balise </script>.[/EDIT]

Citation:

---

Envoyé par slim

Code:

---

1 2	string script2 = "<script language=\"javascript\">alert(" + script + ")</script>";

---

---

A mon avis, ce code génère une erreur Javascript car alert attend une chaîne bien formatée... Si vraiment tu souhaites afficher ta variable script, formate la chaîne :

Code:

---

1 2	string script2 = "<script language=\"javascript\">alert('" + script.Replace("'", "''") + "')</script>";

---

hum.... aucun effet. et j'ai toujours ma parenthèse en bas a gauche (cf mon dernier [EDIT])
En fait, le problème que je voudrais résoudre est celui du premier script.
j'ai mis le deuxième pour tester...
Ma question est comment faire appel à une fonction javascript en lui passant des paramètres c# ? Normalement, le code que j'ai mis doit marcher mais apparemment en concaténant des chaines de caractères avec l'opérateur +, ca marche pas...

Merci.

Peux-tu poster le HTML généré ?

quelle partie t'intéresse ?

Celle qui contient les scripts.

La fonction javascript que j'appele est dans mon deuxième post.

Code:

---

1 2 3 4 5 6 7 8

function add_Event(evId, var1, var2, var3, var4, evLongitude, evLatitude, var5, var6, var7, var8, var9, var10, var11) { var lonLatMarker = lonLatToMercator(new OpenLayers.LonLat(evLongitude, evLatitude)); var icon_event = new OpenLayers.Icon('./images/image.gif',new OpenLayers.Size(20,30)); var event_marker = new OpenLayers.Marker(lonLatMarker,icon_event); events_markers.addMarker(event_marker); }

---

La fonction lonLatToMercator() marche parfaitement, je l'utilise dans plusieurs fonctions.
la variable events_markers est un "layer" que j'ajoute sans problème (testé plusieurs fois).

Merci.

Je n'ai pas été assez clair. Je voudrais le HTML contenant les scripts que tu ajoutes avec le code :

Code:

---

1 2 3 4 5 6

string script = "<script language=\"javascript\">add_Event(" + Tableau[i].attribut1.ToString() + "," + Tableau[i].attribut1.ToString()+ ")</script>"; string script2 = "<script language=\"javascript\">alert(\"script\")</script>"; Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_event()", script); Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "add_event()", script2);

---

oups... :oops: désolé, c'est qui n'ai pas été assez clair.

Code:

---

string script = "<script etc.

---

est en code behind (c#)

Ces instructions sont appelées au chargement (page_load).
J'instancie le web services et et j'utilise une boucle for pour le parcourir avec le nombre d'enregistrement que je récupère au préalable. En mode débogage, j'ai bien mes enregistrements (renvoyés par le web service).

Quand tu exécutes ton site, ta page s'affiche. Tu affiches la source HTML et tu localises les balises <script>. C'est ça qui m'intéresse...

mes balises <script> comportent plusieurs fonctions que je peux pas mettre ici. Désolé...
une des fonctions est la fonction add_Event. Est ce qu'elle peut s'exécuter quand j'y fais appel à partir du code behind ?

Merci...

Code:

---

1 2	<script language="javascript">add_Event("Paramètres renvoyés par le web service")</script> <script language="javascript">alert(<script language="javascript">add_Event("Paramètres renvoyés par le web service")</script>)</script>

---

Les paramètres renvoyés par le web service sont ceux attendus. Il n'y a donc pas de problème de ce coté là.

Citation:

---

Envoyé par slim

Code:

---

<script language="javascript">add_Event("Paramètres renvoyés par le web service")</script>

---

---

Cette partie est (presque) bien formée. Il faudrait simplement plutôt des simples cotes mais cela n'a pas d'importance.

Citation:

---

Envoyé par slim

Code:

---

1 2	<script language="javascript">alert(<script language="javascript">add_Event("Paramètres renvoyés par le web service")</script>)</script>

---

---

Cette partie est par contre mal formée, comme je te l'ai signalé dans un précédent message, mais c'est maintenant flagrant. Tu devrais avoir :

Code:

---

1 2	<script language="javascript">alert('<script language="javascript">add_Event(''Paramètres renvoyés par le web service'')</script>')</script>

---

Si tu mets en place le code C# que je t'ai déjà fourni, le rendu devrait être correct :

Code:

---

string script2 = "<script language=\"javascript\">alert('" + script.Replace("'", "''") + "')</script>";

---

j'ai mis les guillemets pour remplacer ce qu'il y avait en parametres :oops:. Sur le rendu, les parametres sont renvoyés ni avec les guillemets ni les quotes (en metant le Replace)

exemple :

Code:

---

<script language="javascript">alert(<script language="javascript">add_Event(TIGRE7_5_65_2940,Closed,1..... etc.

---

Ça c'est pour le "alert". J'ai exactement la meme chose pour le premier script.

Pour le premier script, le code C# devrait être :

Code:

---

1 2 3

string script = "<script language=\"javascript\">add_Event(" + "'" + Tableau[i].attribut1.ToString().Replace("'", "''") + "'" + "," + "'" + Tableau[i].attribut1.ToString().Replace("'", "''") + "'" + ")</script>";

---

Est-ce que tu saisis ? Il s'agit de créer des chaînes javascript et d'échapper les cotes au sein des paramètres.

C'est parfait !

Merci beaucoup.

J'ai une autre question, s'il te plait :)

Dans mon aspx, si j'ai un script avec une fonction 'function getSomething()'
et si sur le rendu j'ai ce script là et après j'ai un script généré par c# (behind) qui y fait appel, le script étant généré en bas de page. Est ce que la fonction est exécutée ? parce qu'apparemment la fonction add_Event ne s'exécute pas...
exemple :

Code:

---

1 2 3 4 5 6 7 8

<script language="javascript">   function getSomething() { BLABLABLA; } </script>   <script language="javascript"> getSomething();<script>

---

ou il faut la mettre dans l'attribut onload d'un composant ?
Parce que si c'est le cas, la fonction add_Event() générée en behind ne s'exécute pas...

Si tu fais tes déclarations directement, l'ordre est important :

Code:

---

1 2 3 4 5

<html> <script language="javascript">function doSomething(){alert('Doing something');}</script> <script language="javascript">doSomething();</script> </html>

---

Si tu fais l'appel dans le onload du body par exemple, l'ordre n'a pas d'importance :

Code:

---

1 2 3 4 5 6

<html> <body onload="javascript:doSomething();"></body> <script language="javascript">function doSomething(){alert('Doing something');}</script> </html>

---

Si ton problème est résolu, pense à utiliser le bouton Résolu.