Discussion :

[Golgotha]

Pour la duplication, ça deviens un poil plus complexe, là c'était facile ^^

voilà ce que ça donne :

Code js :

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
 
function duplicateRow(day){
    var last_day = $("#HD_" + (day - 1)).clone()
                     .attr('id',   'HD_' + day);
 
    $("#HD_" + day).replaceWith(last_day);
 
    var nb_tranche = 0;
    $("#HD_" + day).find('.tranche_hor_' + (day - 1)).each(function(){
 
            $(this).attr('id', "tranche_" + day + "_" + nb_tranche++ );   
            $(this).removeClass('tranche_hor_' + (day - 1));
            $(this).addClass('tranche_hor_' + (day));
 
         });
 
    $("#HD_" + day).find("div[id^='tabs']")
        .attr('id', "tabs0" + day );   
 
}

http://jsfiddle.net/6kTBv/19/

Tu noteras l'ajout d'un nouvel id sur l'élément encadrant les lignes pour pouvoir faire la duplication.

Quand tu fais un ajout de ligne, et bien l'input type text garde le même nom

Oui, il va falloir faire un peu la même sauce que ce que j'ai fait pour la duplication avec le 'each' sur les input et remettre à jour les noms avec les bon numéros.
Avec un peu d'huile de coude..

[NoSmoking]

Bonjour,

Quand tu fais un ajout de ligne, et bien l'input type text garde le même nom

je vais faire la même réponse faite sur une autre discussion, assez proche au niveau du thème,

dans ce cas mets des NAMEs du type name="le_nom[]" qui te permettra de récupérer coté serveur un tableau.

[Auteur]

bonjour,

pas besoin de passer par jQuery :
http://javascript.developpez.com/faq...pt/?page=Table

Voici un exemple :
http://www.developpez.net/forums/d33...u/#post2057900

[PIEPLU]

Bonjour,


je vais faire la même réponse faite sur une autre discussion, assez proche au niveau du thème,

Oui, tu as raison, j'ai juste passé par une variable avec le numéro du jour, ca me donne comme résultat :

array (
'from_d' =>
array (
1 =>
array (
0 => '0:00',
),
2 =>
array (
0 => '',
1 => '',
),
4 =>
array (
0 => '0:00',
),
5 =>
array (
0 => '',
),
6 =>
array (
0 => '',
),
7 =>
array (
0 => '',
),
),
'from_f' =>
array (
1 =>
array (
0 => '1:00',
),
2 =>
array (
0 => '',
1 => '',
),
4 =>
array (
0 => '0:45',
),
5 =>
array (
0 => '',
),
6 =>
array (
0 => '',
),
7 =>
array (
0 => '',
),
),
'submit' => 'Enregistrer',
)

Ca devrait être plus facilement exploitable

[PIEPLU]

Pour la duplication, ça deviens un poil plus complexe, là c'était facile ^^

voilà ce que ça donne :

Code js :

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
 
function duplicateRow(day){
    var last_day = $("#HD_" + (day - 1)).clone()
                     .attr('id',   'HD_' + day);
 
    $("#HD_" + day).replaceWith(last_day);
 
    var nb_tranche = 0;
    $("#HD_" + day).find('.tranche_hor_' + (day - 1)).each(function(){
 
            $(this).attr('id', "tranche_" + day + "_" + nb_tranche++ );   
            $(this).removeClass('tranche_hor_' + (day - 1));
            $(this).addClass('tranche_hor_' + (day));
 
         });
 
    $("#HD_" + day).find("div[id^='tabs']")
        .attr('id', "tabs0" + day );   
 
}

http://jsfiddle.net/6kTBv/19/

Tu noteras l'ajout d'un nouvel id sur l'élément encadrant les lignes pour pouvoir faire la duplication.



Oui, il va falloir faire un peu la même sauce que ce que j'ai fait pour la duplication avec le 'each' sur les input et remettre à jour les noms avec les bon numéros.
Avec un peu d'huile de coude..

Je viens de trouver le dernier problème je pense.

Je suis sur Mardi, j'ai ce code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="gauche centrer tranche_hor_2" id="tranche_2_0" style="width: 340px; margin-top: 10px;">
	De <input type="text" name="from_d[2][]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" autocomplete="off"> à 
	<input type="text" name="from_f[2][]" id="tabs20from_f" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" autocomplete="off">
</div>

Toujours sur Mardi, je décide de cliquer sur Dupliquer. J'obtiens :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="gauche centrer tranche_hor_2" id="tranche_2_0" style="width: 340px; margin-top: 10px;">
	De <input type="text" name="from_d[1][]" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" autocomplete="off"> à 
	<input type="text" name="from_f[1][]" id="tabs10from_f" class="margeHautMoins4px timeClass ui-timepicker-input" style="width: 60px;" autocomplete="off">
</div>

Le problème, c'est l'id créé précédemment. on retrouve id="tabs10from_f" qui est aussi l'ID de Lundi.

Vous voyez le problème ?

Merci

[SpaceFrog]

un id doit être unique sur la page ...

[PIEPLU]

Oui, je le sais bien, mais je ne sais pas comment faire à partir de la fonction duplicate.

[SpaceFrog]

heu ... c'est une blague ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

obj.id='nouvelid'

[PIEPLU]

Je me suis mal exprimé SpaceFrog

Enfin, j'ai supprimé l'ID car il n'était pas utile ici.

Par contre, quand je fais supprimer une tranche horaire, et que c'était la dernière ligne, actuellement, la suppression n'est pas possible, et c'est très bien. Par contre, ca doit être possible au moins de vider les champs ?

Et un autre trucs, j'ai rajouté timepicker, comme ça, lorsqu'on clique sur le champs heure, ca nous propose des horaires.
Le souci, et je ne parviens pas à comprendre d'où celà vient, mais si je duplique, ou si j'ajoute une tranche horaire, et bien, ca ne fonctionne plus. Et pourtant, j'ai bien la classe timeClass qui est en place.

Si vous avez des pistes à me fournir

Merci

[PIEPLU]

Quand je duplique, les nouveaux inputs ont le même nom que les champs du jour précédent
Encore un problème que je n'arrive pas à résoudre.

[PIEPLU]

J'ai trouvé en faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$("#HD_" + num_jour).find('[name="from_d_' + (num_jour - 1) + '[]"]').each(function(){
	$(this).attr('name', "from_d_" + num_jour + "[]" ); // ajout
});
$("#HD_" + num_jour).find('[name="from_f_' + (num_jour - 1) + '[]"]').each(function(){
	$(this).attr('name', "from_f_" + num_jour + "[]" ); // ajout
});