Dupliquer des lignes

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

voilà ce que ça donne :

Code:

---

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.

Citation:

---

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.. :mrgreen:

Bonjour,

Citation:

---

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,

Citation:

---

Envoyé par NoSmoking

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

---

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

Citation:

---

Envoyé par NoSmoking

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 :

Citation:

---

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

Citation:

---

Envoyé par Golgotha

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

voilà ce que ça donne :

Code:

---

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.. :mrgreen:

---

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

Je suis sur Mardi, j'ai ce code

Code:

---

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:

---

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

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

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

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

Code:

---

obj.id='nouvelid'

---

Je me suis mal exprimé SpaceFrog :lol:

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

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.

J'ai trouvé en faisant :

Code:

---

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 });

---