Fonction Javascript qui ne s'exécute pas

Version imprimable

Bonjours a tous comme le titre lindique j ai besoin d une grande aide mon code ne veut pas lancé le javasccript

le principe est de creer un genre de "livre dor" le seul prob c est que kon non rafrachit la page on perd les donner mais cela n etst pas grave je veut juste afficher en dessous du formulaire le text et le pseudo taper précédementùùvoila le code :

pouvez vous m aidez a trouvé le bug

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function livreor(form)
{
   var pseu = form.pseudo.value;
   if (pseu.length<=0)
   pseu = "anonyme";
   var mes = form.livreor.value;
   if (mes.length<=0)
   {
   alert("il faut ecrire queque chose dans la zone de text.");
   mes.focus();
   }
   document.getElementById('messages').innerHTML+="+pseu+"  le"+jour+" "+moi[mois]+" 
"+anne+"  a "+heure+" : "+minutes+" : "+sec+" "+mes;
   return true;
}

Code:

1
2
3
4
5
6
7
8
9
10
11
<h1>Formulaire<br /></h1>
 
<form name="form" id="form" action="" method="get" onsubmit="return livreor()" > 
 
pseudo :<input type="text" size="30" name="pseudo" id="pseudo" value=""><br /><br />
 
Votre Message :<br /><textarea rows="7" name="livredor" cols="50" id="livredor" value=""></textarea><br />
 
 <input type="button" value="Envoyer" onclick="livreor(this.form)"/> </form>
 
 <div id="messages" name="messages" ></div>

merci

23/01/2007, 23h20
Sancho_54

Regarde dans ton appel de ta fonction dans le onClick tu met un paramètre dans ta fonction. Et dans la description de ta fonction plus haut tu ne met pas de paramètre : function livreor() il faut don que tu en met un.

Voila
23/01/2007, 23h22
bubuche007

comment ca je ne comprend pas tu parle du "this.form" ??
24/01/2007, 09h39
Sancho_54
oui je parle de ca si tu met ce pramètre dans la méthode alors lors de la description tu doit un mettre un paramatre comme ca :
Code:

1 2 3 4 function livror(form) { ... }
Voila
24/01/2007, 11h33
bubuche007

ca marche toujours pas snif
24/01/2007, 12h43
Macintoc

et en mettant this.parentNode a la place de this.form ?
24/01/2007, 13h40
SpaceFrog
très maladroit d'utiliser form comme argument ...
Code:

1 2 3 4 function livreor(myform) { var pseu = myform.pseudo.value;
24/01/2007, 13h44
bubuche007

tu propose que je mette "myform"??

kelkun peut me proposer un script??
24/01/2007, 18h10
Matthieu2000

Citation:

innerHTML+=

à éviter!
recopie la chaine...
24/01/2007, 18h15
E.Bzz

Citation:

Envoyé par Matthieu2000

à éviter!

Pourquoi ?

bon voila un script ki est coorect marche sous MOzilla mais pas sous IE pk??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
 
<h1>Exemple de formulaire</h1>
<h2>Entrez les informations</h2>
<form id="form1" action=" ">
<p>Nom : <input type ="text" size="20" id="nom" /><br />
Adresse : <input type ="text" size="30" id="adresse" /><br />
Telephone : <input type ="text" size="15" id="telephone" /><br />
<input type ="button" value="Afficher" onclick="affichage();" /><br />
</p>
</form>
 
<div id="liste"></div>
</body>

code javascript

Code:

1
2
3
4
5
6
7
8
9
10
function affichage()
{
	message="<ul>";	
	liste=document.getElementById("liste");
	message+="<li>Nom : "+document.forms["form1"].elements["nom"].value+"</li>";
	message+="<li>Adresse : "+document.forms["form1"].elements["adresse"].value+"</li>";
	message+=unescape("<li>T%E9l%E9phone : "+document.forms["form1"].elements["telephone"].value+"</li>");	
	message+="</ul>";
	liste.innerHTML=message;
}

pour le "innerHTML+=" a la FAc on nous préconise de l utilisé

:D
merci

24/01/2007, 18h20
E.Bzz

Citation:

Envoyé par bubuche007

marche sous explorer mais pas sous IE

? 8O ?
Sûr ?
24/01/2007, 18h34
bubuche007

dsl faute de frappe marche sous mozilla mais pas sous IE

IE me dit que : "cet objet ne gère pas cette propriété ou cette méthode"

quelqu un voix t il le prob??
25/01/2007, 11h00
E.Bzz

Tu utilises une syntaxe qui fait référence au name alors que tes input n'ont qu'un id.
Au lieu de

Code:

document.forms["form1"].elements["nom"].value

utilise plutôt

Code:

document.getElementById("nom").value

En plus ça te permet de virer ton <form> qui apparemment ne sert à rien (action="").

A+

ce qui donne

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function affichage()
{
	message="<ul>";	
	liste=document.getElementById("liste");
	message+="<li>Nom : "+document.getElementById("nom").value+"</li>";
	message+="<li>Adresse : "+document.getElementById("adresse").value+"</li>";
	message+=unescape("<li>T%E9l%E9phone : "+document.getElementById("telephone").value+"</li>");	
	message+="</ul>";
	liste.innerHTML=message;
}

mais toujours le probleme sous IE

erreur : "cet objet ne gère pas cette propriété ou cette méthode"

merci

Citation:
Envoyé par bubuche007
ce qui donne
Code:

1 2 3 4 5 6 7 8 9 10 11 function affichage() { message="<ul>"; liste=document.getElementById("liste"); message+="<li>Nom : "+document.getElementById("nom").value+"</li>"; message+="<li>Adresse : "+document.getElementById("adresse").value+"</li>"; message+=unescape("<li>T%E9l%E9phone : "+document.getElementById("telephone").value+"</li>"); message+="</ul>"; liste.innerHTML=message; }
mais toujours le probleme sous IE

erreur : "cet objet ne gère pas cette propriété ou cette méthode"

merci
Ca vient pas de cette fonction, elle est correcte.
Par contre, si tu as toujours l'espace entre type et ="button" là :

Code:

<input type ="button" value="Afficher" onclick="affichage();" />

, enlève le :P
Sinon, le pb peut-être ailleurs dans ta page / ton code JS

A+