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 :

Comment récupérer le contenu de la division d'id « g » pour le transmettre par AJAX ?


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 4
    Par défaut Comment récupérer le contenu de la division d'id « g » pour le transmettre par AJAX ?
    Bonjour

    J'ai un tableau Html générer par un script PHP, ou il y a un bouton visu avec l'id différent des enregistrements de la base.

    Je voudrais ouvrir à l'aide de jquery et modal une boxe reprenant toute les information du bouton cliqué.

    Voici les portions de code existant :

    Jquery :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    $('#test').click(function () { clickDispo(); }); 
    	function clickDispo() {
    		$.ajax({
    			  type : 'POST',
    			  url : 'info_detail.php',
    			  data : "idcajax="+$('#g').val(),
    			  success : fonctionRappel });
    		function fonctionRappel(reponse) {
    			  	alert( "La réponse est " + reponse );
    			  };
    	}
    HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
                          <tr>
                            <td colspan="2" height="25">Société : SDFSDFSD</td>
                            <td>Contact : SDFDSFSD</td>
     
                            <td>Mail : <a href="mailto:toto@titi.com">toto@titi.com</a></td>
                            <td colspan="2" align="center"><a href="#" id="test"><div id="g" style='display:none'>1</div><img src="images/picto/bouton_mise_relation.png" border="0" /></a></td>
                            </tr>
    Je désire récupérer la valeur 1 dans l'information $.ajax..data .

    Merci de votre aide.

    Cordialement gabi77

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Bonjour,

    Une Div n'a pas de val()

    Si tu veux utiliser val() utilise un Input "hidden"

    Pour récuperer le contenu d'une Div c'est avec html() ou text()

    Mais je pense que le mieux c'est un Input "hidden"

    Bonne journée

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 4
    Par défaut
    Bonjour

    Merci, pour ton information.
    Je récupere bien la valeur en html ou text.

    Cependant, vous me dite d'utiliser un input hidden.
    Comment doit on faire lorsqu'on a plusieurs hidden de valeur différente ?

    Cordialement Gai77

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Bonjour,

    Tous les input doivent avoir un id différent des autres.

    Donc pour ce faire on peut incrémenter ($maVar++) une variable dans la boucle qui crée les input.

    un ptit peu de logique pour un nommage que tu peux récupérer facilement par la suite...

    Et le tour est joué

    exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <?php
    for($j=0; $j<$qteProd; $j++){
    ?>
      <tr>
        <td align="center">
    	<input type="text" id="nom_<?php echo $j; ?>"/>
    	</td>
        <td align="center">
    	<input type="text" id="prenom_<?php echo $j; ?>"/>
    	</td>
            </tr>
    <?php
    };
    ?>
    Bon c'est pas des types hidden mais c'est exactement la même chose

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 4
    Par défaut
    Bonjour

    Oui je sais bien que ceci est très simple de le faire.
    Cepedant je veux récupérer ce hidden dans la fonction javascript.

    Cordialement gabi77

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    23
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 23
    Par défaut
    Si ton input hidden a un ID = "g" tu fais

    C'est ca que tu voulais?

Discussions similaires

  1. Réponses: 1
    Dernier message: 18/05/2006, 12h37
  2. [debutant] Comment récupérer le contenu d'un combobox
    Par Jayceblaster dans le forum Delphi .NET
    Réponses: 2
    Dernier message: 01/05/2006, 22h51
  3. Comment récupérer le contenu de plusieurs fichiers textes ?
    Par calimero2611 dans le forum Langage
    Réponses: 9
    Dernier message: 19/02/2006, 16h45
  4. [SQL] comment récupérer le contenu de cases à cocher
    Par Viau dans le forum PHP & Base de données
    Réponses: 7
    Dernier message: 31/01/2006, 15h56
  5. [Balise XML] Comment récupérer le contenu entre 2 balise?
    Par ZoumZoumMan dans le forum C++Builder
    Réponses: 5
    Dernier message: 05/03/2004, 17h36

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