appel Javascript from code behind

**mirtouf** · 24/02/2010, 16h39

Bonjour ,

j'ai un petit problème sur le site que je suis en train de faire concernant le javascript :

Une de mes page fille contenant une carte(OpenStreetMap) générée via javascript.
Sur cette carte je devrais pouvoir afficher des marqueurs selon une liste de latitude longitudes que je récupère via ma base de données.

J'ai codé un petite fonction qui m'affiche un marqueur selon les coordonnées que je lui passe , et pour la tester j'avais placé un div dans ma MasterPage comme ceci et cela fonctionnait tres bien.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div style="background-color:green" onclick="addMarker(4.333,50.833)"> click to add a marker to the map</div>

Le probleme c'est que j'aimerais que les différents marqueurs s'affichent lors de l'arrivée sur la page (donc sans cliquer sur un bouton ou autre ) mais je ne vois pas comment faire et a quelle étape du chargement de la page appeller la fonction javascript.

Si vous pouviez m'aider ce serait sympa.
Merci.

**Nicolas Esprit** · 24/02/2010, 18h36

Bonjour mirtouf,

Si j'ai bien compris, tu souhaites au chargement de la page afficher les marqueurs déjà enregistrés en base ?

Pourquoi ne pas utiliser l'évènement onLoad javascript pour appeler ta méthode addMarker ?
Ou bien dans la méthode Page_Load (code-behind) de ta page : appeler ta base de données pour obtenir les marqueurs puis utiliser RegisterStartupScript ? (http://msdn.microsoft.com/en-us/libr...tupscript.aspx)

En espérant t'avoir aidé.

**mirtouf** · 25/02/2010, 09h03

Oui c'est ce que je pensais faire mais je ne comprends pas comment utiliser ce
ClientScript.RegisterStartupScript .
C'est surtout un des parametres que je ne comprends pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
ClientScript.RegisterStartupScript(Type type, string key, string script).

Visual studio me dit que le premier parametre (Type type) doit etre :

Type of the startup script to register

Je me doute bien que c'est du javascript mais par quel ligne de commande lui faire comprendre ca ?

**Nicolas Esprit** · 25/02/2010, 09h15

Hello,

Je viens de donner un exemple sur un autre post : http://www.developpez.net/forums/d88...e-code-behind/

tu peux donc utiliser this.GetType() qui te renverra...le type Page bien entendu

**mirtouf** · 25/02/2010, 10h10

Bon j'ai essayer et ca ne marche toujours pas donc je vais essayer d'être plus complet dans mes explications :

Premier chargement de la page :
**************************
Sur ma page master j'ai un script qui contient une fonction InitMap qui est lancé via

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body class="body" onload="initmap()">

Dans cette fonction initmap je voudrais utiliser ma fonction addmarker en lui passant toutes les coordonnées GPS a afficher mais je ne sais pas comment je peut lui passer ces valeurs .
Est-ce que je dois aller chercher les valeurs GPS (plus d'une centaine ) dans le script lui-même via un champ caché ou je ne sais quoi ou dois-je lui passer en paramètres et lancer cette fonction addmarker via le code behind?

Une fois que la page est chargée :
**************************
Toujours sur ma page master ,l 'utilisateur peut cliquer sur un treeview ce qui a pour effet de charger une autre liste de coordonnées GPS .
Mais lorsque je crée une méthode pour l'évènement click du treeview et que j'utilise la ligne de commande suivante la carte est effacée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 this.ClientScript.RegisterStartupScript(this.GetType() , "cle_test", "addMarker();", true);

Je pris un screenshot du site pour que ce soit plus clair :

NB : le treeview ainsi que la listbox se trouve sur la masterpage , le contentplaceholder ne contient que la map.

**Nicolas Esprit** · 25/02/2010, 11h02

mirtouf,

Déjà, tu te compliques la vie à gérer les fonctions JavaScript qui manipulent ta map dans la MasterPage, alors que ta map ne se trouve pas sur celle-ci mais sur une Page fille.

Autant mettre cette partie sur la Page fille :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body class="body" onload="initmap()">

Evidément tu devras peut être transformer cela en :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<asp:Content ID="Content1" ContentPlaceHolderID="c1" runat="server">
 
    <script type="text/javascript">
        function InitLoad() {
            .... Ce que tu veux...
        }
 
        window.onload = InitLoad;
     </script>

Ensuite, pour aller chercher des données GPS, peut être qu'il vaudrait mieux appeller un WebService ou une WebMethode disponible dans le codebehind de ta Page directement via Javascript. Tu as un petit exemple ici avec du code à télécharger : http://amolwable.com/index.php/2009/...in-aspx-pages/ . Il y a évidement plusieurs manières de faire.

Ensuite, concernant le chargement des coordonnées suite à un click sur le TreeView, tu peux tout à fait éviter un PostBack et te servir du JavaScript pour appeler ta WebMethod.

En espérant t'avoir aidé.

appel Javascript from code behind

ASP.NET

Vue hybride

Discussions similaires

Partager

Partager