La fonction clone supprime action sur un select

Bonjour à tous.

Je suis en train de developper une application via le framework PhP cakephp. Dans mon back office, je souhaite ajouter un membre dans un groupe. Cependant ce membre peut avoir une ou plusieurs fonctions et nom de fontions.
J'ai donc faire mon script, cela fonctionne mais j'ai un soucis avec jquery et notament avec la fonction clone.
J'ai créé ce bout de code afin de cloner les champs présents dans une div et l'incrémenté. Voici mon code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$(function() { var currentCount=1; $('#addfonction').click(function(){ currentCount = cloning('.clone', '.clonage', currentCount); return false; }); function cloning(from, to, counter) { var clone = $(from).clone(); counter++; clone.find(':input').each(function() { var name = $(this).attr('name').replace(1,counter); var id = $(this).attr('id').replace(1,counter); $(this).attr({'name': name, 'id': id}).val(''); }); clone = clone.html().replace(1,counter); $(to).append(clone); return counter; } });

---

Le clonage fonctionne, mais le hic, c'est que l'ensemble des actions javascripts qui sont normalement exécuté sur ce 2nd select ne fonctionne pas.
Plutot qu'un long discours, regardez l'exemple en ligne: http://heureschrono.free.fr/debug/application_mairie/ (partie "liste des fonctions). Quand on clique sur ajouter une fonction, le champs ce clone bien, mais le select créer ne fonctionne pas.

Auriez vous une idée?

merci d'avance
lemirandais

salut,

Code:

---

$(from).clone(true);

---

Code:

---

$(from).clone(true, true);

---

voir ici : http://api.jquery.com/clone/

Avant de poster ici, j'ai testé mais ni le "simple true", ni le "double true" ne fonctionne. J'avais déjà eu le soucis avec un autre code, et en mettant true, true, cela avait fonctionné, mais là, je ne trouve pas.

D'autres idées.
Merci en tout cas pour cette réponse.


lemirandais

Code:

---

var clone = $(from).clone();

---

C'est bien, tu construis correctement ton clone.

Code:

---

clone = clone.html().replace(1,counter);

---

Sauf que si tu l'écrases avant de l'insérer, ben ça sert pas à grand chose !

Ok, je comprend ce que tu me dis, mais je ne vois pas comment corriger.

lemirandais

A mon avis tu n'as pas bien compris ce qu'il t'a dit. ;)

la fonction (String).replace(...) retourne un string. Du coup ta variable clone devient un String avant que tu l'insères dans ta page.

Il faudrait donc que tu fasses (je ne connais pas jQuery donc je ne peux que supposer que ça marche):

Code:

---

clone.html() = clone.html().replace(1, counter);

---

Je comprend mieux, j'ai donc enlevé cette ligne totalement et pas de modification, regardez sur le lien précédent.
NB:j'ai modifié la fonction pour qu'il fonctionne aussi au niveau des labels.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

function cloning(from, to, counter) { var clone = $(from).clone(); counter++; clone.find(':input').each(function() { var name = $(this).attr('name').replace(1,counter); var id = $(this).attr('id').replace(1,counter); $(this).attr({'name': name, 'id': id}).val(''); }); clone.find('label').each(function() { var newFor = $(this).attr('for').replace(1,counter); $(this).attr('for', newFor); }); $(to).append(clone); return counter; }

---

Bonjour,
:alerte: dans ton code, après "fioriture", le SELECT n'est pas visible à l'écran et est remplacé par une liste UL.

Regardes donc bien ce que tu obtiens après passage de niceforms.

Vu que ce n'était pas moi qui avait codé niceforms, je l'ai supprimé et j'ai mis à la place, la feuille de style de bootstrap afin de l'utiliser pour mes formulaires, résultat est beaucoup plus propre qu'à la base et mon code jquery de clone fonction à 100%.
Merci beaucoup.