jqueryui et l'utilisation de l'accordion

Version imprimable

bonjour, n'en ayant pas trouvé sur le net j'ai besoin d'aide pour la création d'une grid.

Code:

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.

09/10/2010, 19h22
Bovino
Code:

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:

1 2 3 4 5 6 $("#lst_clients .enr_client").click(function() { var nom_client = $(this).prev(".nom_client").val(); alert(nom_client); });

Bonsoir

Code:

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

12/10/2010, 14h54
thor76160

merci beaucoup !! :ccool: