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

jQuery Discussion :

ajax + évènements


Sujet :

jQuery

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    106
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2008
    Messages : 106
    Points : 70
    Points
    70
    Par défaut ajax + évènements
    Bonjour,

    J'utilise des évènements javascript pour détecter si je dois déclencher une requête ajax :

    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
    16
     
    $(function() {  
     
    	$(".myclass1").blur(function() {
     
    		updateAvecAjax();
     
    	});
     
    	$(".myclass2").keyup(function(event){
    	    ...
             updateAvecAjax();
    	});
     
     
    });
    Le problème est qu'après une détection d'évènement et donc un appel ajax effectué, ma page ne répond plus aux évènements...

    Mervi pour votre aide !!

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Cette question a déjà été posée, sous divers titres et dans différents contextes, très, très souvent. Je crois que ce sera la dernière fois que j'y répondrai.

    Pour interagir avec du code HTML modifié par Javascript (directement ou par l'intermédiaire de PHP) il faut utilisé live() ou redéfinir les événements après chaque modification.

    Attention, en jQuery 1.3.2 live() n'accepte pas tous les événements voir http://docs.jquery.com/Events/live#typefn

    On annonce une nette amélioration de live() pour la prochaine version de jQuery.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Février 2008
    Messages
    106
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2008
    Messages : 106
    Points : 70
    Points
    70
    Par défaut
    Merci d'avoir bien voulu répondre !

  4. #4
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Novembre 2003
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2003
    Messages : 1
    Points : 1
    Points
    1
    Par défaut Pb avec each et ajax
    Salut, j'ai eu plus ou moins le même pb qui se résout en effet avec live seulement j'en ai un second.

    Initialement lorque je charge ma page je dois supprimer tous les liens href pour les placer dans un autre attribut comme suit

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    $(".propositions_details_home a").each(function() {
    		var sUrlPage = $(this).attr('href') + "/fromOther:1"; 
    		$(this).removeAttr('href');
    		$(this).attr('lien', sUrlPage);		
    	});
    Seulement lorsque ma page est chargée via AJAX ça ne marche plus...

    Et j'avoue bloquer fortement sur ce problème... si quelqu'un a la solution ça m'aiderai grandement.

    merki
    Gu!ZmoW

  5. #5
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Placer le code dans le callback de la fonction AJAX.
    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    $("#conteneur").load("divChargeable.html", function(){
    	$("a").each(function(i, item){
    		$(item).attr('lien', $(item).attr('href') + "/fromOther:1");
    		$(item).removeAttr('href');
    	});
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  6. #6
    Membre régulier
    Inscrit en
    Janvier 2007
    Messages
    248
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 248
    Points : 101
    Points
    101
    Par défaut
    salut à tous ...
    bon si j'ai bien compris la doc de live et de bond ... il n'est pas possible d'appliquer une fonction à la simple création d'un élément
    il faut obligatoirement qu'une action soit faite dessus (type onclick) pour que live détecte cet élément ...

    pour agir sur un élément nouvellement créé (via ajax par ex) on est obligé de le faire dans le callback de la fonction ajax c'est bien ça ?

    txh

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    ne pas oublier que principalement ajax retourne du string ...

    tout pseudo code js reçu en retour ajax n'est pas interprété par deafut.
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. remplir une combo suite à un évènement ajax avec dwr
    Par coco-sup dans le forum Struts 1
    Réponses: 6
    Dernier message: 23/01/2013, 14h48
  2. Réponses: 4
    Dernier message: 17/02/2010, 10h09
  3. Réponses: 6
    Dernier message: 05/01/2010, 22h15
  4. [AJAX] événement après insertion code ajax
    Par jerome38000 dans le forum AJAX
    Réponses: 5
    Dernier message: 06/06/2009, 10h01
  5. [AJAX] Décalage entre évènement et renvoi serveur
    Par Aurias dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 15/06/2006, 15h45

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