créer un formulaire dynamiquement

**sebac** · 15/03/2010, 14h16

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

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

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

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

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

Merci

**andry.aime** · 15/03/2010, 14h19

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

A+.

**SpaceFrog** · 15/03/2010, 14h43

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

**sebac** · 15/03/2010, 16h23

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 :

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

**SpaceFrog** · 15/03/2010, 16h37

avec

Code :

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

 insertBefore

et

Code :

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

getElementsByTagName('li')

**sebac** · 15/03/2010, 17h14

pour insérer mon nouvel élément dans le menu sans pour l'instant m'occuper de la position j'ai fait

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

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

<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

**vermine** · 16/03/2010, 08h09

Bonjour,

Code :

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

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

**sebac** · 16/03/2010, 09h17

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

créer un formulaire dynamiquement

JavaScript

Discussions similaires

Partager

Partager