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 et jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2009
    Messages : 12
    Par défaut ajax et jquery
    Bonjour,

    Soit page html avec des divs
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div class="button" id="0">ZeBtn0</div>
    <div class="button" id="1">ZeBtn1</div>
    <div class="button" id="2">ZeBtn2</div>
    <div class="button" id="3">ZeBtn3</div>
    ...

    avec un javascript associé:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $(document).ready(
    	function() {
    		$('.button').click(function() {
    			 var id=$(this).attr('id');
    			 alert("T'as poussé sur le bouton id="+id);
    		});
    });
    Jusque là tout fonctionne très bien.

    Cela coince si avec de l'ajax, j'insère dans le code html des nouveaux boutons: les nouveaux boutons ne réagissent pas.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="button" id="4">ZeBtn4</div>
    <div class="button" id="5">ZeBtn5</div>
    ...

    J'ai essayé différentes astuces mais rien n'y fait.
    Si qqun a une idée, je suis preneur.
    Renaud

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    1-
    Cela coince si avec de l'ajax
    Je ne trouve pas les codes concernés ajax.
    2-
    les nouveaux boutons ne réagissent pas
    Tu dois affecter une fonction aux nouveaux boutons.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2003
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Mars 2003
    Messages : 46
    Par défaut
    Bonjour,

    Il faut que après l'ajout de tes nouvelles DIV tu relances ton code qui assigne la logique sur le clic.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    $(document).ready(
    	function() {
    		$('.button').click(function() {
    			 var id=$(this).attr('id');
    			 alert("T'as poussé sur le bouton id="+id);
    		});
    });
    Sinon avec jquery 1.3 tu peux utiliser la fonction live.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    $(document).ready(
    	function() {
    		$('.button').live("click",function() {
    			 var id=$(this).attr('id');
    			 alert("T'as poussé sur le bouton id="+id);
    		});
    });
    voici le lien vers la doc de la fonction live.

  4. #4
    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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    $('.button').click(function() {
    			 alert("T'as poussé sur le bouton id="+this.id);
    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 !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2009
    Messages : 12
    Par défaut
    Super! Merci!

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

Discussions similaires

  1. Réponses: 6
    Dernier message: 05/03/2010, 14h56
  2. AJAX et JQUERY non interprété
    Par Lianodel dans le forum jQuery
    Réponses: 6
    Dernier message: 23/10/2008, 17h51
  3. [JQuery]FCK editor en ajax avec Jquery
    Par dembroski dans le forum jQuery
    Réponses: 1
    Dernier message: 10/09/2008, 22h55
  4. [JQuery] Requête ajax avec jQuery
    Par ApheX2 dans le forum jQuery
    Réponses: 3
    Dernier message: 28/08/2008, 22h40
  5. ajax avec jquery
    Par artotal dans le forum jQuery
    Réponses: 14
    Dernier message: 20/07/2008, 22h26

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