Discussion :

[lemirandais]

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 javascript :

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() {
	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

[Lorenzo77]

salut,

Code :

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

$(from).clone(true);

Code :

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

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

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

[lemirandais]

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

[Bovino]

Code :

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

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

C'est bien, tu construis correctement ton clone.

Code :

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

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

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

[lemirandais]

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

lemirandais

[Loceka]

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 :

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

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