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 :

jqueryui et l'utilisation de l'accordion


Sujet :

jQuery

  1. #1
    Membre actif
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Décembre 2007
    Messages
    696
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Décembre 2007
    Messages : 696
    Points : 222
    Points
    222
    Par défaut jqueryui et l'utilisation de l'accordion
    bonjour, n'en ayant pas trouvé sur le net j'ai besoin d'aide pour la création d'une grid.

    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <script type="text/javascript">
    $(function()
    {
        $("#lst_clients").accordion();
     
        $("#lst_clients .enr_client").click(function()
        {
            var nom_client = $(".nom_client").val();
     
            alert(nom_client);
        });
    });
    </script>
     
    <div id="titre">Gestion des clients : <span id="nb_client"><?php echo $nb_client; ?></span></div>
     
    <div id="lst_clients">
    <?php
    while($rs = mysql_fetch_object($sql))
    {
        ?>
        <h3>
            <a href="#">
                <span>numero : <?php echo $rs->id_client; ?> | </span>
                <span>nom : <?php echo $rs->nom_client; ?> | </span>
                <span>prenom : <?php echo $rs->lien_client; ?></span>
            </a>
        </h3>
        <div>
            <input type="hidden" class="id_client" value="">
            <input type="text" class="nom_client" value="<?php echo addslashes($rs->nom_client); ?>">
            <input type="text" class="lien_client" value="<?php echo addslashes($rs->lien_client); ?>">
            <input type="button" class="enr_client" value="enregistrer">
        </div>
        <?php
    }
    ?>
    </div>
    j'aimerai récupérer les valeurs dans les champs input, et mettre à jour les span contenant les informations. je n'arrive pas à faire cette opération :/
    si vous connaissez une grid déja toute prête en jquery & php, je suis preneur xD

    merci.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var nom_client = $(".nom_client").val();
    cette ligne va systématiquement te renvoyer la valeur du premier input de la page dont la classe est 'nom_client', or il semble que ce ne soit pas celui-ci que tu veuilles.
    Il va donc falloir récupérer l'input voulu par rapport à l'élément en cours, par exemple, suivant la structure de code montrée :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
        $("#lst_clients .enr_client").click(function()
        {
            var nom_client = $(this).prev(".nom_client").val();
     
            alert(nom_client);
        });
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    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 : 73
    Localisation : Belgique

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

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    $(function(){
    	$("#lst_clients").children("div").children("input.enr_client").click(function(){
    		// siblings : tous les voisins
    		console.log($(this).siblings("input.nom_client").val());
     
    		// prevAll les voisins précédents
     
    		console.log($(this).prevAll("input.nom_client").val());
     
    		// prev : le voisin précédent ne fonctionne pas ici
     
    		return false;
    	});
    });
    Grid, exemple avec UI Sortable : http://jqueryui.com/demos/sortable/#display-grid

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

  4. #4
    Membre actif
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Décembre 2007
    Messages
    696
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Décembre 2007
    Messages : 696
    Points : 222
    Points
    222
    Par défaut
    merci beaucoup !!

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 17/10/2009, 11h25
  2. [Prototype] Utilisation simultanée de la lightbox et accordion
    Par zelulu dans le forum Bibliothèques & Frameworks
    Réponses: 4
    Dernier message: 30/01/2008, 22h02
  3. utilisation du meta type ANY
    Par Anonymous dans le forum CORBA
    Réponses: 1
    Dernier message: 15/04/2002, 12h36
  4. [BCB5] Utilisation des Ressources (.res)
    Par Vince78 dans le forum C++Builder
    Réponses: 2
    Dernier message: 04/04/2002, 16h01
  5. Réponses: 2
    Dernier message: 20/03/2002, 23h01

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