créer un formulaire dynamiquement

Version imprimable

Bonjour j'arrive à créer un menu de manière static avec ce code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<div id="dg1">	
 
	<div id="divmenu1">
 
		<ul id="menu" >
		<li><a href="" target="_self">Patients</a></li>
		<li><a href="" target="_self">Examens</a></li>
		<li><a href="" target="_self">Series</a></li>
		<li><a href="" target="_self">Images</a></li>
 
	</ul>
	</div>
	<div id='fleche1'onclick="mng();"><img id='gm2'src='aller.gif' style='margin-left:2px'>
	</div>
	</div>

mais lorsque j'essaye de le faire dynamiquement avec le js ça ne marche plus voici le code js et l'appel

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
38
39
40
41
// --- Categories du Menu ---
 categorie = new Array();
  // -- [Patients]
  categorie[0] = new Array();
   categorie[0][0] = "Patients";
   categorie[0][1] = "";
   categorie[0][2] = "_blank";
  // -- [Examens]
  categorie[1] = new Array();
   categorie[1][0] = "Examens";
   categorie[1][1] = "http://liencatégorie2/";
   categorie[1][2] = "_blank";
  // -- [Series]
  categorie[2] = new Array();
   categorie[2][0] = "Series";
   categorie[2][1] = "";
   categorie[2][2] = "_self";
  // -- [Images]
   categorie[3] = new Array();
   categorie[3][0] = "Images";
   categorie[3][1] = "http://liencatégorie4/";
   categorie[3][2] = "_blank";
function afficheMenu()
{   
    document.write("<div id='dg1'>");	
 
		document.write("<div id='divmenu1'>");
 
			document.write("<ul id='menu' >");
			 for (var i=0; i<categorie.length; i++) {
				document.write("<li><a href='' target='_self'>"+categorie[i][0]+"</a></li>");
 
				}
 
			document.write("</ul>");
		document.write("</div>");
			document.write("<div id='fleche1'onclick='mng();'><img id='gm2'src='aller.gif' style='margin-left:2px'></div>);
	document.write("</div>");	
 
 
}

appel

Code:

<body bgcolor='black' onload="afficheMenu()";

Merci

15/03/2010, 14h19
andry.aime

Bonjour,
N'utilises plus ce document.write. Pour créer un élément dynamiquement, utilises DOM.

A+.
15/03/2010, 14h43
SpaceFrog

bien entendu le DOM!
http://www.developpez.net/forums/d53...form+dynamique

merci, j'accroche plus à la proposition de andry.aime mais je me demande s'il est possible d'ajouter un noeud à un endroit précis de mon menu, exemple si je veux une rubrique Medécin entre Patient et examens comment préciser la positions du nouveau noeud?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <div id="dg1"> <div id="divmenu1"> <ul id="menu" > <li><a href="" target="_self">Patients</a></li> <li><a href="" target="_self">Examens</a></li> <li><a href="" target="_self">Series</a></li> <li><a href="" target="_self">Images</a></li> </ul> </div> <div id='fleche1'onclick="mng();"><img id='gm2'src='aller.gif' style='margin-left:2px'> </div> </div>

15/03/2010, 16h37
SpaceFrog

avec

Code:

insertBefore

et

Code:

getElementsByTagName('li')

pour insérer mon nouvel élément dans le menu sans pour l'instant m'occuper de la position j'ai fait
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 function examens(nbExam) { // recherche du noeud parent var ulParent = document.getElementById('menu'); for(var i=0;i<nbExam;i++) { // création des nouveaux noeuds var nouveauLi = document.createElement('li'); var nouveauA = document.createElement('a'); var nouveauLabel = document.createElement('label'); // paramétrage des nouveaux noeuds nouveauLabel.appendChild(document.createTextNode("examens "+i)); nouveauLabel.htmlFor = 'nouveauId'+i; // raccord des noeuds nouveauA.appendChild(nouveauLabel); nouveauLi.appendChild(nouveauA); ulParent.appendChild(nouveauLi); } }
appel

Code:

<body bgcolor='black' onload="examens(2);">

mais rien n'est rajouté dans mon menu. j'ai essayé de mettre 2 entre guillemets mais rien n'y fait et je sais que c'est pas parce que je n'ai pas mit de href dans la balise a que ça ne marche pas. Du coup je ne vois pas ce qui cloche

16/03/2010, 08h09
vermine

Magie Magie, et vos idées ont du génie ♪
Bonjour,
Code:

1 2 <body bgcolor='green' onload="examens(2);">
;)
16/03/2010, 09h17
sebac

en fait ça marchait je m'étais juste trompé dans l'ordonnancement lors de l'appel de mes fonction dans onload.
Merci