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

Maintenant j'ai un problème lié à OpenLayers mais c'est hors sujet...

En tous cas, je respire enfin ! merci beaucoup ;)

=> RESOLU

Malheureusement mon problème n'est pas complètement résolu.

Prenons un exemple :

Sur la page aspx, j'ai trois fonctions javascript : init() qui est chargée lors du chargement du body. Les deux autres fonctions sont appelées à partir du code behind.
Ce que je voudrais faire, c'est exécuter init() avant ces deux fonctions. Le problème est qu'elles s'exécutent après...
Sauriez-vous comment faire ? A savoir que j'ai un script manager déclaré sur ma page aspx.

Page ASPX :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Page sans titre</title> <script type="text/javascript"> var variable1, variable2;     function init() { var string = "voila un autre test du body"; alert (string); }   function test() { var i = "voila le test"; alert(i); }   function ecrire(vari1, vari2) { variable1 = vari1; variable2 = vari2; alert(variable1 + variable2); }   </script> </head> <body onload="init()"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <script type="text/javascript">test();</script> </div> </form> </body> </html>

---

Page CS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq;   public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string a = "première variable behind"; string b = "deuxième variable behind"; string script = "<script type=\"text/javascript\">ecrire('" + a + "'" + "," + "'" + b + "');</script>"; Page.ClientScript.RegisterStartupScript(this.Page.GetType(), "scriptTest", script);   } }

---

Je pense que c'est le "RegisterStartupScript" qu'il faut changer. J'ai essayé plusieurs méthodes du script manager (Page.ClientScript) mais init() est toujours exécuté en dernier...

Merci.

Citation:

---

Malheureusement mon problème n'est pas complètement résolu.

---

Tu exposes maintenant un problème différent du problème initial. La succession des questions nuit à la lisibilité de la discussion.

Soit tu fais un appel successif des fonctions dans le onload, soit tu sors la fonction init() du onload pour la mettre avant les autres dans la page.

Citation:

---

Envoyé par BCmDev

Tu exposes maintenant un problème différent du problème initial. La succession des questions nuit à la lisibilité de la discussion.

---

C'etait toujours par rapport au probleme initial puisqu'il s'agit de la fonction RegisterStartupScript...

Cette fonction exécute le javascript au démarrage.

Merci

Citation:

---

Envoyé par BCmDev

Soit tu fais un appel successif des fonctions dans le onload, soit tu sors la fonction init() du onload pour la mettre avant les autres dans la page.

---

je peux pas appeler une fonction c#du code behind dans le onload du body....

Le problème, c'est que tu mixes bien trop de méthodes pour que ton développement soit cohérent : un appel déclaré dans la page .aspx sur le onload, un appel déclaré dans la page .aspx dans un div (?) et un enregistrement d'appel dans le code behind.
Rationalise un peu tout ça ! Regroupe tes déclarations d'appels.
Si tu veux déclarer des appels de fonctions dans le onload du body depuis le code behind, c'est très facile :
Dans la page aspx :

Code:

---

1 2	<body id="myBody" runat="server">

---

Dans la page de code :

Code:

---

1 2	this.myBody.Attributes.Add("onload", "javascript:alert('Body onload !');");

---

Citation:

---

Envoyé par BCmDev

Le problème, c'est que tu mixes bien trop de méthodes pour que ton développement soit cohérent : un appel déclaré dans la page .aspx sur le onload, un appel déclaré dans la page .aspx dans un div (?) et un enregistrement d'appel dans le code behind.
Rationalise un peu tout ça ! Regroupe tes déclarations d'appels.
Si tu veux déclarer des appels de fonctions dans le onload du body depuis le code behind, c'est très facile :
Dans la page aspx :

Code:

---

1 2	<body id="myBody" runat="server">

---

Dans la page de code :

Code:

---

1 2	this.myBody.Attributes.Add("onload", "javascript:alert('Body onload !');");

---

---

C'est exactement le contraire de ce que je veux faire. En plus, j'ai une page maitre. J'ai pas accès à this.myBody. De toute façon, ca me servirait à rien. Ce que je veux, ce n'est pas appeler le body a partir du code behind c'est le contraire : appeler des fonctions c# (behind) au onload du body (si possible) sinon après le onload (ce qui serait plus intéressant).

Tu me dis de rationaliser mon code... je travaille avec OpenLayers. Si je ne mets pas le init() dans le onload du body, la carte ne se charge pas. Toutes les fonctions appelées après, effectuent des traitements sur la carte. Donc ces fonctions doivent s'exécuter après le init(). Avec mon code en behind, ces fonctions s'exécutent avant. J'ai testé chaque instruction avec des 'alert' et c'est ce que j'ai remarqué.


En tous cas merci bcp ;)

Solution :

J'ai supprimé onload="init()" du body et j'ai mis ce code à la fin de mon script manipulant OpenLayers :

Code:

---

1 2 3 4 5 6

if (window.attachEvent) { // msie, opera; window.attachEvent("onload",init); } else if (window.addEventListener) { // mozilla; window.addEventListener("load",init,true); }

---