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 :

Sérialiser les éléments d'une onglet jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé

    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    1 026
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 1 026
    Billets dans le blog
    45
    Par défaut Sérialiser les éléments d'une onglet jquery
    Bonjour à tous,

    Voilà, mon problème est de sérialiser tous les éléments sous la balise
    div id=itab-page-0
    J'ai bien tenté un
    var oSerialData = $( "div" ).serialize();
    Pas de succès

    Puis
    var oSerialData = $( "#itab-page-0" ).serialize();
    Pas plus de succès

    La structure de la page est la suivante
    Nom : struct_HTML.png
Affichages : 187
Taille : 199,1 Ko
    Nom : struct_HTML_DOM.png
Affichages : 170
Taille : 216,8 Ko

    Encore merci par avance pour toute aide apportée

    Et bonjour chez vous

  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 : 74
    Localisation : Belgique

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

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    La méthode serialize() recueille uniquement les valeurs des éléments du formulaire ayant un attribut 'name'.

    Dans votre cas (complexe), je vous propose de tester : $( '#idFormulaire' ).find( '#idtab-page-0' ).serialize();

    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 éprouvé

    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    1 026
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 1 026
    Billets dans le blog
    45
    Par défaut
    Bonsoir danielhagnoul

    Merci pour ta solution que je vais tester demain.

    En attendant, pourrais-tu m'expliquer le find svp pour être un peut plus intelligent demain?

    Encore merci

    Bonjour chez toi

  4. #4
    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 : 74
    Localisation : Belgique

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

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    API jQuery : http://api.jquery.com/find/

    Dans le formulaire $( '#idFormulaire' ), find trouve et sélectionne l'élément '#idtab-page-0'.

    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.)

  5. #5
    Membre éprouvé

    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    1 026
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 1 026
    Billets dans le blog
    45
    Par défaut
    Bonjour danielhagnoul

    Voilà les fichier js chargés
    <script src="swfobject.js"></script>
    <!--script src="jquery-1.9.1.min.js"></script-->
    <script src="jquery.ui.core.min.js"></script>
    <script src="jquery.ui.widget.min.js"></script>
    <script src="jquery.ui.mouse.min.js"></script>
    <script src="jquery.ui.sortable.min.js"></script>
    <script src="jquery.ui.tabs.min.js"></script>
    <script src="jquery.ui.datepicker.min.js"></script>
    <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
    J'ai testé mais la variable reste désespérément vide. Mais chose étrange dans le débugger NetBeans, si je comprends bien celui-ci, quand je clique sur #idFormulaire, j'ai bien la lste des éléments, cf. image!

    Nom : struct_Html_debug.png
Affichages : 163
Taille : 67,8 Ko

    Et quant je pointe sur idtab-page-0 le débugger donne une erreur
    Nom : struct_Html_debug_page-0.png
Affichages : 152
Taille : 56,8 Ko

    Par contre la variable test donne ceci

    Nom : struct_HTML_DOM_#idformul #idtab.png
Affichages : 170
Taille : 41,7 Ko

    Pas simple

    bonjour chez toi

  6. #6
    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 : 74
    Localisation : Belgique

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

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Une remarque : pourquoi charger des parties de jQuery UI au lieu de la totalité. Certains modules dépendent de plusieurs autres. Vous êtes certain du bon fonctionnement de jQuery UI ?

    Ne pas confondre le résultat de la méthode serialize() avec l'objet jQuery retourné dans votre variable "test" !

    Dans le débugger, pour connaître le contenu de l'objet jQuery "test", il faut regarder dans test[0].

    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.)

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

Discussions similaires

  1. Trier les éléments d'une CListCtrl
    Par hanane_iaai dans le forum MFC
    Réponses: 21
    Dernier message: 15/10/2007, 04h52
  2. Agencer les éléments d'une fenêtre
    Par argon dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 17/02/2006, 08h17
  3. Réponses: 2
    Dernier message: 27/12/2005, 20h09
  4. [TestStand] Compter les éléments d'une chaîne de caractères
    Par capblans dans le forum Autres langages
    Réponses: 2
    Dernier message: 29/04/2005, 09h29
  5. Réponses: 2
    Dernier message: 11/08/2003, 09h43

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