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+