créer un formulaire dynamiquement [Résolu]

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

15/03/2010, 14h19	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 4 774 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 4 774 Points : 6 721 Points : 6 721	Bonjour, N'utilises plus ce document.write. Pour créer un élément dynamiquement, utilises DOM. A+. __________________ Création de graphes statistiques et géométriques avec PHP et la librairie GD
	00

15/03/2010, 14h43	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 29 075 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 29 075 Points : 43 303 Points : 43 303	bien entendu le DOM! http://www.developpez.net/forums/d53...form+dynamique __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/03/2010, 16h37	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 29 075 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 29 075 Points : 43 303 Points : 43 303	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') __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

16/03/2010, 09h17	#8
sebac Membre habitué Inscription : avril 2007 Messages : 491 Détails du profil Informations forums : Inscription : avril 2007 Messages : 491 Points : 115 Points : 115	en fait ça marchait je m'étais juste trompé dans l'ordonnancement lors de l'appel de mes fonction dans onload. Merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email