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 :

Array avec keys variables


Sujet :

jQuery

  1. #1
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut Array avec keys variables
    Bonjour à tous,

    Je souhaite faire quelque chose de tout simple, à savoir, construire un array avec des keys variables mais je ne trouve pas syntaxe correct... Après avoir parcouru en long et en large les résultat de google je ne trouve réponse à ma question... Voici un exemple pour illustrer tout ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    		foo: function() {
    			var a = [];
    			$('.foo:visible').each(function() {
    				var cId = $(this).attr('id');
    				var content = $(this).html());
                                    a[cId] = content;
    			});
    			return a;
    		}
    Cette syntaxe n'est pas correct, j'ai aussi essayé avec la fonction .push({key:value}), mais ça ne fonctionne pas non plu.

    En PHP un simple
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    $array[$key] = $value;
    aurais fonctionné, je recherche un équivalant en javascript.

    Merci de votre aide.

    Nico

  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
    38 944
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    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 : 38 944
    Points : 65 315
    Points
    65 315
    Billets dans le blog
    1
    Par défaut
    le principe de l'array littéral est bon, je pense que tu as plutot un souci d'algo ...

    tu fermes le each avant d'attribuer l'indexe ...
    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éalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : novembre 2010
    Messages : 207
    Points : 344
    Points
    344
    Par défaut
    Et comme ceci ça ne serait pas mieux ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var a = new Array();
    a[cid] = content;
    Sébastien Courjean
    Développeur Web
    scourjean@cyres.fr
    http://www.cyres.fr/

  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
    38 944
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    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 : 38 944
    Points : 65 315
    Points
    65 315
    Billets dans le blog
    1
    Par défaut
    je pense que ça veint plsu de ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    foo: function() {
    			var a = [];
    			$('.foo:visible').each(function() {
    				var cId = $(this).attr('id');
    				var content = $(this).html();
                                    a[cId] = content;)
    			});
    			return a;
    		}
    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éalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 534
    Points : 39 060
    Points
    39 060
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    je pense que ça veint plsu de ça:
    là il y à du gros mélange doigtal dans l'air SpaceFrog!!!

    Ceci explique peut être la réponse, je la sentirais plus
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    foo : function() {
      var a = [];
      $('.foo:visible').each(function() {
        var cId = $(this).attr('id');
        var content = $(this).html();
        a[cId] = content;
      });
      return a;
    };

  6. #6
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Bonjour et merci à tous pour l'aide,

    @NoSmoking: Je ne vois pas la nuance entre ta syntaxe et la mienne?

    @scourjean: D'aprés la documentation de jQuery je peut aussi bien déclarer un array avec 'new Array()' que '[]', bien que la première syntaxe me parait plus logique et correct, les deux fonctionnes à l'identique dixit la documentation officielle.

    Sinon je bloque toujours sur ce problème, que je pourrai contourner en créant 2 array distinct avec pour un les keys et pour l'autres les valeurs et ensuite les joindre, mais dans un soucis d'optimisation je suis certain qu'il y a beaucoup plus simple non?

    Nico

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 534
    Points : 39 060
    Points
    39 060
    Par défaut
    @NoSmoking: Je ne vois pas la nuance entre ta syntaxe et la mienne?
    ce n'est pas une nuance mais une parenthèse fermante de trop sur la ligne 5, et comme te la mentionnée SpaceFrog cela entraîne la fermeture de la fonction avant l'affectation, du coup il y en a une de trop et cela plante.

    Concernant les array il est bon de savoir qu'il est préférable d'adopter la syntaxe [] et ce contenu que...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var Tab_1 = new Array(3); // creation d'un tableau de 3 elements vide
    var Tab_2 = [3];          // creation d'un tableau d'un element valant 3
    alert( Tab_1);
    alert( Tab_2);
    cela peut être gênant, donc le plus sage me semble être la deuxième syntaxe.

  8. #8
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Ha ok j'ai saisi la nuance pour la création d'array, sinon concernant la parenthèse c'est une faute de frappe effectivement (un résidu de test avec push() ). Dans mon code source elle n'y est pas.

    Nico

  9. #9
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Voici le contenu exact de ma méthode, qui sert à sérialiser tout les contenus des '[contenteditable=true]' pour les enregistrer dans ma db.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    		serializeEditableContent: function() {
    			var editableContent = [];
    			$('[contenteditable=true]:visible').each(function() {
    				var cId = $(this).attr('id');
    				var content = $(this).html();
    				editableContent[cId] = content;
    				console.log('*************************');
    				console.log(editableContent);
    				console.log('*************************');			
    			});
    			return editableContent;
    		}
    Et voici le résultat dans la console:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    *************************
    []
    *************************
    Je précise tout de même que si je push() les données à la suite dans l'array, j'ai bien les valeurs que je souhaite obtenir.

    Merci de votre aide.

    Nico

  10. #10
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 534
    Points : 39 060
    Points
    39 060
    Par défaut
    attention quand même avec les tableaux associatifs l'accès aux éléments est différent.
    essaies avec
    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
    serializeEditableContent: function () {
      var editableContent = [];
      $('[contenteditable=true]:visible').each(function () {
        var cId = $(this).attr('id');
        var content = $(this).html();
        editableContent[cId] = content;
      });
      // lecture est affichage du resultat
      var sTmp = "";
      for (var i in editableContent) {
        sTmp += i + '->' + editableContent[i] + '\n';
      }
      alert(sTmp);
      return (editableContent);
    }

  11. #11
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Merci beaucoup pour l'explication NoSmoking, je test ça dès que je le peut.

    Nicolas

  12. #12
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Oui en effet, ca fonctionne parfaitement, merci beaucoup. Il me reste une dernière question (oui je sais je deviens lourd là^^), pourquoi lorsque j'envoi l'array via ajax vers un script la variable POST est totalement vide?

    Comment le rendre correctement récupérable en PHP?

    Merci encore pour votre précieuse aide.

    Nico

  13. #13
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Une autres syntaxe plus cohérente pour ma problématique d'array:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    		serializeEditableContent: function() {
    			var editableContent = [];
    			$('[contenteditable=true]:visible').each(function() {
    				editableContent.push({
    					'id' : $(this).attr('id'),
    					'content': $(this).html()
    				});
    			});
    			return editableContent;
    		}

  14. #14
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Coté serveur (PHP 5.2.6-1+lenny9 with Suhosin-Patch 0.9.6.2) un var_dump de $_POST['editableContent'] envoyé via la méthode ajax() de jQuery en POST me retourne " string(15) "[object Object]" ".

    Il est tard je testerai bien en GET, au moins il sera décortiqué je pense.

    Merci d'avance à une âme charitable (ou un geek insomniaque ) de m'éclairer car là je sèche complètement...

    Nico

  15. #15
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 534
    Points : 39 060
    Points
    39 060
    Par défaut
    pourquoi ne pas utiliser la méthode traditionnelle d'envoi, tu récupères dans $_GET ou $POST un tableau associatif...
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    foreach($_POST as $id => $content){
      echo '-'.$id.' : '.$content.'<br>';
    }
    et qu'est ce que tu lis dans "[object Object]"

    mais là je vais écrire des âneries, il vaut sûrement mieux voir coté PHP. J'en ai peut être écrit une d'ailleurs!

  16. #16
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    pourquoi ne pas utiliser la méthode traditionnelle d'envoi, tu récupères dans $_GET ou $POST un tableau associatif...
    Parce que je travail sur une rich UI et non sur une page web.

    Citation Envoyé par NoSmoking Voir le message
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    foreach($_POST as $id => $content){
      echo '-'.$id.' : '.$content.'<br>';
    }
    et qu'est ce que tu lis dans "[object Object]"
    Le résultat de dump_var() m'indique qu'il s'agit d'un string ([object Object]), mon problème se situe donc au niveau de javascript. Je me repenche dessus demain en fin d’après midi, je pense que contrairement à ce que dit la documentation jQuery c'est la fonction ajax() qui ne sait pas envoyer d'array ou seulement un type spécifique d'objet...

    Bonne soirée.

    Nico

  17. #17
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 534
    Points : 39 060
    Points
    39 060
    Par défaut
    tu peux également essayer le JSON...

  18. #18
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Oui JSON sera traité comme un string mais coté serveur visiblement ma version de PHP embarque des méthode natives pour traiter le JSON, je vais tester tout ça. Mais ça reste une solution de fortune à mon sens...

    En tout cas un grand merci pour ton aide NoSmocking.

  19. #19
    Membre du Club

    Profil pro
    Inscrit en
    janvier 2011
    Messages
    66
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : janvier 2011
    Messages : 66
    Points : 43
    Points
    43
    Par défaut
    Bon ça reste un beau bricolage sans nom, mais aprés avoir parcouru divers topics et documentation, il semble effectivement impossible d'envoyer un array (multidimensionnel) de manière asynchrone. La solution est de passer par JSON par exemple (jQuery n'embarque pas en natif de fonction pour travailler, convertir des objets JSON...).

    Pas envie d'intégrer un plugin pour transformer mon application en usine à gaz, alors j'ai fais une methode pour mettre à plat dans le query_string envoyé via ajax() par POST:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    		array2string: function(arr, name) {
    			var sTmp = "";
    			for (var i in arr) {
    				// Echaper les specials chars pour ne pas fausser le query_string
    				var content = escape(arr[i]);
    				sTmp += '&'+i + '=' + content;
    			}
    			return sTmp;
    		},
    Inconvénient, il faut connaitre le nombre d’élément de son array coté serveur, et donc oublier tout les traitements en boucle....

    Bref je ne suis pas vraiment satisfait de cette solution donc je vais tester des pistes concernant json ou xml. Pourtant ca me semblais un jeu d'enfant, j'aurais jamais imaginer perdre autant de temps pour un traitement aussi simple....

  20. #20
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 534
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 534
    Points : 39 060
    Points
    39 060
    Par défaut
    effectivement impossible d'envoyer un array (multidimensionnel) de manière asynchrone
    quoiqu'il arrive on envoie une string qui elle est décodée coté serveur, que cela soit un tableau ou du json le transfert se fera de la même façon, une STRING.

    Dans ton cas autant la mettre en place directement dans la fonction de départ
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    serializeEditableContent: function () {
      var i = 0,tab = [], cId, content;
      $('[contenteditable=true]:visible').each(function () {
        cId = $(this).attr('id');
        content = $(this).html();
        tab[i++] = encodeURIComponent(cId) +'=' +encodeURIComponent(content);
      });
      return (tab.join('&');
    }
    ou un truc approchant.

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. Tb array avec cellules variables
    Par teddy72000 dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 14/04/2011, 21h07
  2. tri d'Array avec indice variable.
    Par GYK dans le forum Langage
    Réponses: 2
    Dernier message: 09/02/2011, 14h17
  3. Réponses: 2
    Dernier message: 03/11/2007, 11h24
  4. Réponses: 16
    Dernier message: 24/11/2005, 12h43
  5. Filtrer une requete avec une variable array
    Par hugo69 dans le forum Requêtes
    Réponses: 7
    Dernier message: 04/11/2005, 14h33

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