Discussion :

[redkan]

Bonjour,

Je rencontre un petit probl�me :

Je dispose d'une fonction qui me permet d'ajouter une div � la vol�e avec un id pr�cis (bloc_div_1, blod_div_2, etc.) sans recharger la page.

Le probl�me est que getElementById(nouveau_bloc) renvoie "null" tant que la page n'a pas �t� recharg�.

Est-il possible de sp�cifier au getElementById d'effectuer la recherche dans la page en cours et non pas dans la page "cach�e" ?

Merci.

[emmanuel.remy]

Salut,

C'est peut-�tre plut�t ta fonction qu'il faudrait revoir , non ?

ERE

[redkan]

C'est fort possible , mais �tant d�butant en javascript je ne voit pas comment je pourrais faire.

Bien sur je pourrais recharger la page a chaque ajout de nouvelle div, mais l' "int�r�t" de cette application AJAX est de pouvoir faire ses traitements sans rechargement.

Donc si qqun a une id�e je suis preneur !

[Bovino]

Salut,

Est-il possible de sp�cifier au getElementById d'effectuer la recherche dans la page en cours et non pas dans la page "cach�e" ?

J'ai rien compris
getElementById effectue une recherche par rapport au DOM... le cache n'a rien � voir l� dedans
J'imagine comme emmanuel.remy que ton probl�me vient de ta fonction, mais sans la voir il est impossible de t'aider plus.

[RomainVALERI]

Ce type de probl�me est parfois caus� par l'insertion "brutale" d'un fragment html (je veux dire par l'interm�diaire d'innerHTML) plut�t que par le DOM, ce qui provoque parfois des erreurs lors de la r�cup�ration des �l�ments ajout�s.

Conclusion : comme l'ont dit les camarades qui m'ont pr�c�d�... montre nous ta fonction d'insertion ^^

[redkan]

Bon, je vais r��xpliquer car apparament a vouloir trop simplifier le probl�me je n'ai pas �t� clair :

Je d�veloppe une application AJAX permettant de mettre � jour un fichier XML ayant une DTD bien pr�cise.

Je parse mon fichier XML (avec PHP), je l'affiche sous forme de formulaire HTML. AJAX me permet d'ajouter des �l�ments a mon formulaire puis de sauvegarder le formulaire dans mon fichier XML via une fonction save() qui utilise XMLHttpRequest.

Pour retirer le clou...

Mais de toute fa�on si tu recharges ta page tu ne retrouveras pas les div pr�c�dentes charg�es � la vol�es donc cela ne fonctionnera pas non plus...

En rechargeant la page je retrouve parfaitement les div pr�c�demment cr��es �tant donn�es qu'elles ont �t� sauvegard� dans le fichier XML.

Tout ton probl�me est justement la notion de avec un id pr�cis: si c'est mal fait tu ne le verras jamais...

Justement ce n'est pas mal fait car au rechargement de la page les id sont corrects.

getElementById effectue une recherche par rapport au DOM... le cache n'a rien � voir l� dedans

L� est le probl�me, j'ai l'impression que les "document.createElement" ne met pas � jour le DOM.

Conclusion : comme l'ont dit les camarades qui m'ont pr�c�d�... montre nous ta fonction d'insertion ^^

Voil� :

Code :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
function addBrand(id)
{
	var li_brand = document.createElement('li');
	var input_title_brand = document.createElement('input');
	var input_requete_brand = document.createElement('input');
 
	input_title_brand.setAttribute("name","level2_titles["+id+"][]");
	input_title_brand.setAttribute("class","inputText");
	input_title_brand.setAttribute("value","Brand name");
 
	input_requete_brand.setAttribute("name","level2_requetes["+id+"][]");
	input_requete_brand.setAttribute("class","inputText");
	input_requete_brand.setAttribute("value","Brand requete");
 
	li_brand.appendChild(input_title_brand);
	li_brand.appendChild(input_requete_brand);	
 
	alert(document.getElementById("brand_list_"+id));
	document.getElementById("brand_list_"+id).appendChild(li_brand);
}
 
function addCategory()
{
	var li_category = document.createElement('li');
	li_category.setAttribute("class","category_li");
 
	var input_title_category = document.createElement('input');
	input_title_category.setAttribute("name","level1_titles[]");
	input_title_category.setAttribute("class","inputText");
	input_title_category.setAttribute("onChange","save()");
	input_title_category.setAttribute("value","Category name");
 
	var input_requete_category = document.createElement('input');
	input_requete_category.setAttribute("class","inputText");
	input_requete_category.setAttribute("name","level1_requetes[]");
	input_requete_category.setAttribute("onChange","save()");
	input_requete_category.setAttribute("value","Category requete");
 
	var aDelete = document.createElement('a');
 
	aDelete.setAttribute("href","#");
	aDelete.setAttribute("onClick","deleteCategory(this.parentNode)");
	aDelete.appendChild(document.createTextNode("delete"));
 
	li_category.appendChild(input_title_category);
	li_category.appendChild(input_requete_category);	
	li_category.appendChild(aDelete);
 
	var ul_brand = document.createElement('ul');
	var li_brand = document.createElement('li');
	var input_title_brand = document.createElement('input');
	var input_requete_brand = document.createElement('input');
 
	var id = document.getElementsByName('level1_titles[]').length;
	input_title_brand.setAttribute("name","level2_titles["+id+"][]");
	input_title_brand.setAttribute("class","inputText");
	input_title_brand.setAttribute("value","Brand name");
 
	input_requete_brand.setAttribute("name","level2_requetes["+id+"][]");
	input_requete_brand.setAttribute("class","inputText");
	input_requete_brand.setAttribute("value","Brand requete");
 
	var aAddBrand = document.createElement('a');
 
	aAddBrand.setAttribute("href","#");
	aAddBrand.setAttribute("onClick","addBrand("+id+")");
	aAddBrand.appendChild(document.createTextNode("add Brand"));	
 
	li_brand.appendChild(input_title_brand);
	li_brand.appendChild(input_requete_brand);	
 
	ul_brand.appendChild(li_brand);
	li_category.appendChild(ul_brand);
	li_category.appendChild(aAddBrand)
 
	document.getElementById('category_list').appendChild(li_category);
	save();
}

Le probl�me est lorsque j'effectue un addCategory() suivit d'un addBrand(id). Le addBrand ne trouve pas la cat�gorie pr�c�demment cr��.

Merci de votre aide

[emmanuel.remy]

Pour enfoncer le clou

Je dispose d'une fonction qui me permet d'ajouter une div � la vol�e avec un id pr�cis (bloc_div_1, blod_div_2, etc.) sans recharger la page.

Tout ton probl�me est justement la notion de avec un id pr�cis: si c'est mal fait tu ne le verras jamais...

Le probl�me est que getElementById(nouveau_bloc) renvoie "null" tant que la page n'a pas �t� recharg�.

Mais de toute fa�on si tu recharges ta page tu ne retrouveras pas les div pr�c�dentes charg�es � la vol�es donc cela ne fonctionnera pas non plus...

ERE

[emmanuel.remy]

Re,

Si ton id de cat�gorie est "brand_list_"+id alors je ne vois pas o� tu le cr�es dans addCategory.

ERE

[andry.aime]

Salut,
Avec

input_title_brand.setAttribute("name","level2_titles["+id+"][]");

Tu auras des probl�mes sous Internet Explorer

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
if(document.all)//Pour IE
{
var var input_title_brand = document.createElement('<input name="level2_titles['+id+'][]">');
}
else //Pour les autres
{
  var input_title_brand = document.createElement('input');
  input_title_brand.setAttribute("name","level2_titles["+id+"][]");
}

[redkan]

Re,

Si ton id de cat�gorie est "brand_list_"+id alors je ne vois pas o� tu le cr�es dans addCategory.

ERE

Exact !
J'ai ajout�

ul_brand.setAttribute("id","brand_list_"+id);

et ca a fonctionn�.

Pour ce qui de l'incompatibilit� d'IE, je vais v�rifier mais ce n'ai pas trop grave car c'est une application qui sera utilis� en interne.

Je suis d�sol� de vous avoir fait perdre votre temps.

Merci de votre aide