Discussion :

[zolotaya]

Bonjour,

Voila, pour le besoin d'un projet je dois créer en gros un générateur de menu.
Ce que je fait pour le moment c'est : Je demande combien il veux de liens dans son menu et je génére mon formulaire de facon dynamique comme ca :

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
 
function lienMenu(){
	var tmp = document .getElementById("nbLien").value;
	if(!isNaN(parseInt(tmp))){
		var codeLien = "<FORM NAME='vaLien' ACTION=''>";
		var nb = parseInt(tmp);
		for (var i = 0; i < nb ; i++){
			codeLien += "<P>URL : <INPUT TYPE='text' NAME='url"+i+"'> Texte : <INPUT TYPE='text' NAME='text"+i+"'></P>";
		}
		codeLien += "</FORM>";
		codeLien += "<P>Attention : Les liens avec le champ URL nul ne seront pas pris en compte lors de la création du menu</P>";
		document.getElementById("lien").innerHTML = codeLien;
	} else {
		alert("Erreur de saisie dans le nombre de liens");
	}
}

Jusque la pas de problème!
La ou j'ai des problèmes c'est pour récupérer les données remplis par l'utilisateur.

J'ai une fonction qui fait un truc du genre :

Code :

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

1
2
 
var lien = document.vaLien.elements["url0"].value;

Le truc c'est que j'ai une erreur me disant "document.vaLien has no properties".
En gros il ne trouve pas mon formulaire...

Quelqu'un aurait'il une idée du pourquoi et/ou une piste pour m'orienté?

Zolotaya

[javatwister]

le html généré est très très moche, et tu n'es pas très précis, soit dans ta copie du code, soit dans le code lui-même! ("ur" # "url");

à tout hasard, jette un oeil ici:
http://www.developpez.net/forums/sho...d.php?t=252724

[zolotaya]

Je me permet 2/3 questions :

En quoi le HTML généré est moche?(Ca peux paraitre con comme question mais perso je vois pas ce qu'il a de "moche". C'est en général ce que j'ai trouvé pour la réalisation d'un formulaire sur le net donc bon...) Et tu entends quoi par "soit dans le code lui-même! ("ur" # "url");"?

Sinon merci pour ton lien, il répond à ce que je voulais faire. Juste truc sur le code savoir si j'ai bien compris: "ch.setAttribute('name','ch'+c2.length);"
le c2.length contient bien le nombre d'input déjà présent dans le formulaire?

Merci d'avance
Zolotaya

[javatwister]

en générant des champs texte, tu donnes pour valeur de name "url" + i;
plus bas, tu parles d'un message d'erreur évoquant "ur"..; Ce n'est qu'une piste;

pour le "très très moche", tu as tort de vouloir créer les balises du formulaire en même temps que les différents champs; il est beaucoup plus simple de garnir un "squelette de formulaire existant" (invisible au début puisque vide);

renseigne-toi aussi sur quelques règles simples permettant de composer du html portable et respectant des règles de graphie élémentaires;
quelques exemples: rien d'autre que du contenu textuel ne peut être en majuscule dans un code source html; les valeurs d'attributs sont encadrées de guillemets simples; les éléments "inline" sans clôture explicite (balise de fin) doivent se terminer par la séquence " />"; l'attribut "name" d'un formulaire est déclassé depuis belle lurette et remplacé par un id; écrire des séquences de html dans un script est toujours maladroit: des méthodes javascript existent pour créer des balises et leurs attributs;