IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

ASP.NET Discussion :

interagir javascript et code behind (C#).


Sujet :

ASP.NET

  1. #1
    Membre régulier
    Homme Profil pro
    Programmeur PHP
    Inscrit en
    Août 2009
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Israël

    Informations professionnelles :
    Activité : Programmeur PHP
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2009
    Messages : 244
    Points : 114
    Points
    114
    Par défaut interagir javascript et code behind (C#).
    Bonjour,
    j'ai integré dans mon application asp.net un script jquery (ad-Gallery), permetant de me faire un petit slide tres sympa.

    Ad-Gallery se presente de la facon suivante:
    au centre il y a une place pour une grande image, et en bas des petites images.
    Lorsque l'on clique sur l'une d'elle, cela mais a jour la grande image. Si vous voulaez voir ceci en action, cliquez sur ce lien.

    je souhaiterai déclencher une fonction lorsque l'utilisateur clique sur une des petites images.

    J'ajoute que mon code est entierement codé dans le code behind (pas de html).
    J'ai presque tout essayé (anchor, onclick...) pour qu'il me génère un event, lorsque je clique, mais je n'y parvient pas.

    Par contre je viens de remarquer que lorsque je clique sur une des petites image (et que par conséquent ca instancie la grande), mon url change. Le hic c'est qu'elle change, sans aucun appel au serveur, donc je ne sais pas comment la récupérer.

    J'essaye avoir été suffisamment claire.
    Merci

  2. #2
    Expert éminent
    Avatar de Immobilis
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2004
    Messages
    6 559
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 559
    Points : 9 506
    Points
    9 506
    Par défaut
    Salut
    Citation Envoyé par IsraGab Voir le message
    Par contre je viens de remarquer que lorsque je clique sur une des petites image (et que par conséquent ca instancie la grande), mon url change. Le hic c'est qu'elle change, sans aucun appel au serveur, donc je ne sais pas comment la récupérer.
    Cela ne se fait évidement pas tout seul. On dirait que c'est le javascript qui se charge de générer le code HTML du bandeau:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     var li = $('<li><a href="'+ image_url +'" id="'+ image_id +'">' +
    '<img src="'+ thumb_url +'" title="'+ title +'" alt="'+ description +'">' +
    '</a></li>');
    Il y a donc de fortes chances pour d'un aller retour serveur se produise. Principe même de l'AJAX.

    Il faut que tu creuses.

    A+
    "Winter is coming" (ma nouvelle page d'accueil)

  3. #3
    Membre régulier
    Homme Profil pro
    Programmeur PHP
    Inscrit en
    Août 2009
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Israël

    Informations professionnelles :
    Activité : Programmeur PHP
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2009
    Messages : 244
    Points : 114
    Points
    114
    Par défaut
    Merci pour ta reponse, il faut dire que j'ai cherche toute la journee pour savoir comment faire.

    Cela dit, en cherchant, je pense etre plus precis sur ce que je veux faire:

    Voila, en gros, ma question consiste a savoir s'il est possible de detecter dans mon code behind, lorsque un event (Click) se produit dans mon javascript?

  4. #4
    Expert éminent
    Avatar de Immobilis
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Mars 2004
    Messages
    6 559
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 559
    Points : 9 506
    Points
    9 506
    Par défaut
    Ton script utilise jQuery. Ce ne devrait pas être trop trop difficile d'ajouter une fonction qui détecte cet évènement et qui ferait un appel sur le serveur. jQuery permet de le faire en se basant sur des attribut comme les classes de style.

    Tu devrais aller poster sur le forum javascript.

    A+
    "Winter is coming" (ma nouvelle page d'accueil)

  5. #5
    Membre régulier
    Homme Profil pro
    Programmeur PHP
    Inscrit en
    Août 2009
    Messages
    244
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Israël

    Informations professionnelles :
    Activité : Programmeur PHP
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2009
    Messages : 244
    Points : 114
    Points
    114
    Par défaut Probleme resolu
    Bon, probleme resolu...
    voici la partie du code qu'il fallait que j'ajoute dans mon script pour que le transfere des donnes puissent avoir lieu
    J'ai un petit peu changer ma facon de faire, a la base je voulais qu'un evenement se declenche dans mon code behind lorsque je clique sur une petite image.
    Finalement, vu que lorsque je clique sur la petite image, ceci met a jours la grande... Alors j'ai fait en sorte que la grande soit "clickable", j'ai ajoute un evenement qui lance la fonction suivante:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    $.ajax({
                              type: "POST",
                              url: "Orders.aspx/AddToOrderList", //ici la fonction dans mon code behind qui est lancee lors du post javascript
                              data: '{param1:"'+imgSrc+'"}',
                              contentType: "application/json; charset=utf-8",
                              dataType: "json",
                              async: true,
                              cache: false,
                              error: function () {
                                  alert("Error");
                              },
                              success: function (msg) {
                                  alert("The item has been added to your list order!");
                              }
                          })

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Appellé une fonction javascript en code behind
    Par 0xYg3n3 dans le forum ASP.NET
    Réponses: 4
    Dernier message: 17/10/2007, 15h02
  2. JavaScript en code-behind
    Par jf1985 dans le forum C#
    Réponses: 2
    Dernier message: 22/09/2007, 21h33
  3. [tout bête] JavaScript en code behind
    Par dahu17 dans le forum C#
    Réponses: 1
    Dernier message: 06/09/2007, 15h28
  4. Google Map API --> Javascript et code behind C#
    Par bridel dans le forum ASP.NET
    Réponses: 2
    Dernier message: 22/01/2007, 21h07
  5. [VB.NET]Javascript et code behind
    Par Dadou74 dans le forum ASP.NET
    Réponses: 1
    Dernier message: 17/11/2006, 16h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo