[DOM] Problème de cloneNode (DOM)

Version imprimable

12/07/2006, 12h55
linar009

[DOM] Problème de cloneNode (DOM)

Bonjour,

J'ai un petit ennui que je ne parviens pas à résoudre :
Je souhaite ajouter dynamiquement sur une page un select et un input.
Voici l'extrait de mon code :
var clonePlusMoins = champPlusMoins.cloneNode(true);
clonePlusMoins.name = 'predef_parampm' + champPlusMoins.name.substr(1);
champReport.parentNode.appendChild(clonePlusMoins);
var cloneText = champText.cloneNode(false);
clonePlusMoins.name = 'predef_paramjbis' + champPlusMoins.name.substr(1);
champReport.parentNode.appendChild(cloneText);

champPlusMoins est un select et champText un input (type text).
Et voici ce que me dit la console javascript de firefox : "champText.cloneNode is not a function" alors que pour champPlusMoins, il n'y a aucun problème.
Pourriez vous m'éclaircir ? Je ne vois pas d'où peut venir le problème...

Bonne journée.
Merci par avance.
12/07/2006, 13h40
systemofaxav

Comment affectes tu la variable champText? Ton problème vient sûrement de là.
12/07/2006, 13h42
SpaceFrog

balises code svp !!!

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
retour += "<SELECT name='predef_paramdate" + prop + "' onchange='check_defdate(param_defval" + prop + 
",predef_paramdate" + prop + 
",predef_paramplusmoins" + prop + 
",predef_paramj" + prop  +
",predef_paramjom" + prop + 
",predef_paramreport" + prop + 
",predef_paramnbjour" + prop + 
",predef_paramper" + prop + 
",predef_paramdatefixe"+ prop + 
",false);'";
 
		if (param[1].slice(0,5) == '<DATE' ) retour += " >\n";
		else retour += " STYLE='VISIBILITY:hidden;DISPLAY:none'>\n";
		if (param[1].search('C') != -1) retour += "<OPTION VALUE='C' SELECTED>Date calculée</OPTION>\n";
		else retour += "<OPTION VALUE='C'>Date calculée</OPTION>\n";
		if (param[1].search('F') != -1) retour += "<OPTION VALUE='F' SELECTED>Date fixe (JJ/MM/AAAA)</OPTION>\n";
		else retour += "<OPTION VALUE='F'>Date fixe (JJ/MM/AAAA)</OPTION>\n";
		if (param[1].search('R05') != -1) retour += "<OPTION VALUE='R05' SELECTED>Référence au 5</OPTION>\n";
		else retour += "<OPTION VALUE='R05'>Référence au 5</OPTION>\n";
		if (param[1].search('R15') != -1) retour += "<OPTION VALUE='R15' SELECTED>Référence au 15</OPTION>\n";
		else retour += "<OPTION VALUE='R15'>Référence au 15</OPTION>\n";
		if (param[1].search('R25') != -1) retour += "<OPTION VALUE='R25' SELECTED>Référence au 25</OPTION>\n";
		else retour += "<OPTION VALUE='R25'>Référence au 25</OPTION>\n";
		if (param[1].search('RD') != -1) retour += "<OPTION VALUE='RDE' SELECTED>Référence au dernier jour</OPTION>\n";
		else retour += "<OPTION VALUE='RDE'>Référence au dernier jour</OPTION>\n";
		retour += "</SELECT><BR>\n";

A savoir que prop est un entier s'incrémentant à chaque ligne de mon tableau (chaque <TR> en fait)

Et voici me fonction check_defdate :

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
function check_defdate(champ_txt,
champDate,
champPlusMoins,
champText,
champReport,
champNbJour,
champSuivPrec,
isAvailable){
 
  with (form2){  
 
  if ((isAvailable) && (champ_txt.value.slice(0,5) != '<DATE')) {
		cacheTousLesElements(champDate.parentNode);		
   } else { // DATE
     		champ_txt.value = "<DATE" + champDate.value + '>';
			cacheTousLesElements (champReport.parentNode);
			showElement(champReport);	
			showElement(champNbJour);
			showElement(champSuivPrec);
			showElement(champPlusMoins);
			showElement(champText);		
 
		if (!document.getElementById('predef_parampm' + champPlusMoins.name.substr(1))) {
				var clonePlusMoins = champPlusMoins.cloneNode(true);
				clonePlusMoins.name = 'predef_parampm' + champPlusMoins.name.substr(1);
				champReport.parentNode.appendChild(clonePlusMoins);
				var cloneText = champText.cloneNode(false);
				clonePlusMoins.name = 'predef_paramjbis' + champPlusMoins.name.substr(1);
				champReport.parentNode.appendChild(cloneText);			
		}
			tmppm = document.getElementById('predef_parampm' + champPlusMoins.name.substr(1));
			tmpjbis = document.getElementById('predef_paramjbis' + champPlusMoins.name.substr(1));
			showElement(tmppm);
			showElement(tmpjbis);
	}
	} 
}

12/07/2006, 15h20
linar009

Vous ne voyez pas vous non plus ?
12/07/2006, 16h51
denisC

Citation:

Envoyé par linar009

champPlusMoins est un select et champText un input (type text).
Et voici ce que me dit la console javascript de firefox : "champText.cloneNode is not a function" alors que pour champPlusMoins, il n'y a aucun problème.

Comment est-ce que tu récuperes ces deux variables?

Et bien les deux variables suivantes sont passées en paramètre à la fonction :

Code:

1
2
3
4
5
6
7
8
9
10
'check_defdate(param_defval" + prop + 
",predef_paramdate" + prop + 
",predef_paramplusmoins" + prop + 
",predef_paramj" + prop  +
",predef_paramjom" + prop + 
",predef_paramreport" + prop + 
",predef_paramnbjour" + prop + 
",predef_paramper" + prop + 
",predef_paramdatefixe"+ prop + 
",false);'";

Et donc finalement champText correspond à predef_paramjX (predef_paramj3 par ex.) qui est un input de type text :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
retour += "<input type='text' style='width:25px' name='predef_paramj" + prop + "' 
onkeyup='check_defj(param_defval" + prop +
",predef_paramj" + prop + 
",predef_paramplusmoins" + prop +
",predef_paramjom" + prop + ")' 
onBlur='check_defj(param_defval" + prop + 
",predef_paramj" + prop + 
",predef_paramplusmoins" + prop + 
",predef_paramjom" + prop + ")' maxlength='3'";
    if (form2.newparam_defvalue.value.slice(0,3) == '<J+') {
		posfin = form2.newparam_defvalue.value.search(/>/);
		posplus = form2.newparam_defvalue.value.search(/[\+-]/);
		retour += " value='" + form2.newparam_defvalue.value.slice(posplus+1, posfin) + "' > ";
	} else if (form2.newparam_defvalue.value.slice(0,6) == '<DATEC') {
		posfin = form2.newparam_defvalue.value.search('[JO|M]');
		posplus = form2.newparam_defvalue.value.search(/[\+-]/);
		retour += " value='" + form2.newparam_defvalue.value.slice(posplus+1, posfin) + "' > ";
    }else{
      retour += " STYLE='VISIBILITY:hidden;DISPLAY:none'> ";
    }