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 :

Clonage tableau et récupérer les id qui s'incrémentent pour en faire un traitement


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2010
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Mauritanie

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 391
    Par défaut Clonage tableau et récupérer les id qui s'incrémentent pour en faire un traitement
    bonjour , je fais une copie de mes tr d un tableau qui contient des input qui leur id s incrimente apres chaque clone maintenant je voulais parcourir les id et en faire un traitement apres avoir selectionner un input
    voici mon code qui html
    Code html : 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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    <table>		
        <tbody id="body">	
            <tr>
    		<th></th>
                    <th><label>Produit:<label></th>
                    <th><label>Quanitité:</label></th>                        
                    <th><label>Prix unitaire:</th>
                    <th><label>Stock Disponible:</label></th>
                    <th><label>  Total</label></th>
    		<td> <input type='submit' id='tmpAddRow' value='Add a Row' /></td>
            </tr>									 
    	<tr id="tmp"   class="tr_delete">
    		<td ><img src="images/del.png" alt="" class="delRow" style="visibility: hidden;" /></td>
    		<td>
                        <select     class='produit' name='produit[]'>
                            <option value="-1"> Selectionner Un Produit</option>	
    <?php  
    $reqtype=mysql_query("select  * from   produit");
    while($datatype=mysql_fetch_array($reqtype)){
    ?>
                            <option  value='<?php echo $datatype[0]; ?>'>	<?php echo $datatype[1]; ?> </option>
    <?php } ?>									   
    		    </select>
    		</td>
    		<td> <input type="text"  class="qte"  name="qte[]" ></td>
    		<td> <input type="text"  class="prixunit"  name="qte_dispo[]" ></td>
               	<td> <input type="text"  class="qte_dispo"  name="qte_dispo[]" ></td>
    		<td> <input type="text"  class="mont_total"  name="mont_total[]" ></td>
    	</tr>
        </tbody>
    </table>

    ensuite mon code qui clone et qui fonctionne bien en incriment les id de produit

    Code javascript : 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
    17
    18
    function() {
        $('input#tmpAddRow').click(
          function($e) {
    	  var cloneIndex = $(".produit").length;
            $e.preventDefault();
            $('#tmp:last').clone().attr("id", "produit" +cloneIndex).appendTo('#body');
          }
        );
        $('tr input[type=text]').focus(
          function() {
            $(this).addClass('myFocused');   
          }
        ).blur(
          function() {
            $(this).removeClass('myFocused');
          }
        );
    }

    maintenant mon probleme se pose si je veux recuperer les id et envoyer les données en poste voici ce que j ai commencer a faire
    est ce quelqu un a une idée comment parcourir le tr et recuperer les id de select produit
    merci d'avance
    code javascript qui essaye de recuperer les id

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function() {
        $('.produit').blur(function(){
    	$.post('check_item_details.php', {stock_id1: $(this).val() },
    		function(data){
                        $(".prixunit").val(data.prixunit);
                        $(".qte").val(data.qte);                                              
    		    $(".qte_dispo").val(data.qte_dispo);
    		    if(data.qte!=undefined)
    			$(".0").focus();
    		}, 'json');
    	});
      }

  2. #2
    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
    je ne vois pas ou tu tentes de récupérer l'id dans ton bout de code ?
    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 !

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2010
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Mauritanie

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 391
    Par défaut
    merci votre aide je cherche je moyen a parcourir les id et faire mon traitment je sais ici je recupere les classe mais j ai tenter ça n a pas marché comment je puisse parcourir et recuperer les id et merci de votre aide

  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
    3
      $('.produit').blur(function(){
    console.log ($(this).attr('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 éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2010
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Mauritanie

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 391
    Par défaut
    voici le code pour recuperer l id mais cela ne fonctionne pas
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function() {
         $('#produit:eq(0)').attr(id).blur(function(){
    	$.post('check_item_details.php', {stock_id1: $(this).val() }, function(data){
                    $(".prixunit").val(data.prixunit);
                    $(".qte").val(data.qte);
    		$(".qte_dispo").val(data.qte_dispo);
    		if(data.qte!=undefined)
    			$(".0").focus();
    	}, 'json');
        });
    }

    merci pour votre aide

  6. #6
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2010
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Mauritanie

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 391
    Par défaut
    bonjour si je code de cette maniere cela me renvoie que le premier element
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function() {
        $('.produit').blur(function(){
            console.log ($(this).attr('id')) 			
    	$.post('check_item_details.php', {stock_id1: $(this).val() }, function(data){
                    $(".prixunit").val(data.prixunit);
                    $(".qte").val(data.qte);                                              
    		$(".qte_dispo").val(data.qte_dispo);
    		if(data.qte!=undefined)
    			$(".0").focus();
    	}, 'json');
        });
    }

    mon select revoir plusieurs donnes mais apres chaque select on revoi l id de l element selectionner en pose
    mais cela ne fonctonne pas merci d avance de votre aide

  7. #7
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2010
    Messages
    391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Mauritanie

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 391
    Par défaut
    bonjour, je reviens sur vous car j arrive pas a resoudre mon problème
    la je viens de constater lorsque je clone mon tr l id produit+i+ ne s applique a l option select mais plutot au tr , moi je veux l appliqueé a l option select
    j ai modifier mon code mais cela ne n incrémente pas l id toujours il me donne pour les select de id produit1 ça ne s incrimente pas .

    voici mon code qui fait le clone et affecte des id a l option select
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     function() {
        $('input#tmpAddRow').click(function($e) {
    	var cloneIndex = $("#tmp").length;
            $e.preventDefault();
            $('#tmp:last').clone().appendTo('#body');
    	$('.produit').attr("id", "produit" +cloneIndex);;
        });
    }
    mon deuxième sous est de récupérer les id affecter pour en faire mon traitement voici mon code
    ici je parcours le tableau je recuperer les id et je fais les traitements
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    $('#body').each(function(){
    	$(this).attr('id').blur(function() {
    		$.post('check_item_details.php', {stock_id1: $(this).val() }, function(data){
                            $(".prixunit").val(data.prixunit);
                            $(".qte").val(data.qte);                                              
    			$(".qte_dispo").val(data.qte_dispo);
    			if(data.qte!=undefined)
    				$(".0").focus();
    		}, 'json');
    	})
    });

    merci d'avance

Discussions similaires

  1. Réponses: 2
    Dernier message: 04/02/2014, 17h13
  2. Récupérer les requêtes qui passent par ODBC
    Par Danger dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 13/07/2009, 14h13
  3. [PHP 5.2] Récupérer les images qui arrivent sur une adresse email
    Par 4rocky4 dans le forum Langage
    Réponses: 1
    Dernier message: 02/02/2009, 11h16
  4. Réponses: 3
    Dernier message: 08/12/2007, 13h52
  5. Récupérer les bits qui composent un byte
    Par ToTo13 dans le forum Langage
    Réponses: 4
    Dernier message: 25/01/2007, 17h12

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