Aide pour une page html svp!

zizouinfo -

Bonjour,

aide pour une page html svp jarrive pas a la fair marché je croi le problem est dans le javascript qui peut me le corrigé svp

Afficher la suite

3 réponses

Résumé de la discussion

La discussion porte sur l'aide à une page HTML/JavaScript fonctionnant sous Windows 7 et Safari, dont le script ne s'exécute pas et nécessite des corrections structurelles et syntaxiques. Plusieurs intervenants insistent sur la correction des blocs if avec des accolades, la suppression des accolades en double et l'écriture d'un code JavaScript clair, ainsi que sur une structure HTML correcte pour input et label. D'autres conseils portent sur l'emploi de getElementsByName pour récupérer les éléments, l'importance d'une balise script adaptée et l'utilisation d'outils comme Firebug pour déboguer, tester et corriger les erreurs pas à pas.

Réponse 1 / 3
zizouinfo Auteur
oupss jai oublie de metre mon code
<html>
<head>
<script language="javascript">
function calculer()
{
{if(forme1.question[1].checked)do c=eval(form1.A.value)+eval(FORM1.B.value);
return c;
{document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+c);}
}
{if(form1.question[2].checked) do D=eval(form1.A.value)-eval(FORM1.B.value);
return d;
{document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+d);}
}
{if(form1.question[3].checked)do f=eval(form1.A.value)*eval(FORM1.B.value);
return f;
{document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+f);}
}
{if(form1.question[4].checked)do z=eval(form1.A.value)/eval(FORM1.B.value);
return z;
{document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+z);}
}

}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form1">
a=<input type="text"name="A"value=""><BR></input>
b=<input type="text"name="B"value=""> <BR></input>
<input type="radio" name="question" value="1"><span class="reponse">
addition</span></input><br>
<input type="radio" name="question" value="2"><span class="reponse">
soustraction</span></input><br>
<input type="radio" name="question" value="3"><span class="reponse">
multiplication</span></input><br>
<input type="radio" name="question" value="4"><span class="reponse">
division</span></input><br>
<input type="button" name="reponse" value="calculer" onclick="calculer();"></input>
<input type="reset" name="reponse" value="annulé"></input>
</form>
</body>
</html>
0
1. zizouinfo Auteur
  
  avec firebug il me dit form1 is not defined é_è
  
  0
2. zizouinfo Auteur
  
  bonsoire !! voila jai une nouveaux code je lé fait juse mais apré quand jai ajouté coefficient sa marche pas besoin votre aide si vous pouvez merci d'avance ^^
  voila mon code:
  <HTML>
  <head>
  <script type="TEXT/javascript" >
  function calculer() {
  ;
  var q = document.getElementsByname("z1")
  for (q )
  
  moyenne=((eval(form1.dev1.value)+eval(form1.dev2.value)+eval(form1.exam.value)*2)*4)/4;
  
  t=t+form1.name.value+" "+form1.dev1.value+" "+form1.dev2.value+" "+form1.exam.value+" "+moyenne+" "+4+"\n" ;
  form1.text.value=t;
  }
  var q = document.getElementsByname("z2")
  for (q){
  
  moyenne=((eval(form1.dev1.value)+eval(form1.dev2.value)+eval(form1.exam.value)*2)*4)/3;
  
  t=t+form1.name.value+" "+form1.dev1.value+" "+form1.dev2.value+" "+form1.exam.value+" "+moyenne+" "+3+"\n" ;
  form1.text.value=t;
  }
  var q = document.getElementsByname("z3")
  for (q){
  moyenne=((eval(form1.dev1.value)+eval(form1.dev2.value)+eval(form1.exam.value)*2)*4)/2;
  
  t=t+form1.name.value+" "+form1.dev1.value+" "+form1.dev2.value+" "+form1.exam.value+" "+moyenne+" "+2+"\n" ;
  form1.text.value=t;
  }
  c=c+1 ;
  m=m+moyenne;
  form1.moyenneS.value=eval(m)/eval(c);
  if (moyenne<10) {
  
  t2=t2+form1.name.value+" "+moyenne+"\n";
  form1.bouh.value=t2;
  }
  
  }
  function b2(){
  t="matiere dev1 dev2 exam moyenne coefficient \n";
  t2="matiere moyenne\n"
  c=0;
  m=0;
  }
  
  </SCRIPT>
  </head>
  
  <body onload="b2();">
  
  <center><h1><u>evaluation</u></H1>
  <form name="form1">
  <H1>matieres <select name="name" value="">
  
  <option value=" "></option>
  <option name="z1" value="reseaux">RESEAUX</option>
  <option name="Z2" value="sql">SQL</option>
  <option name="Z3" value="english">english</option> </H1>
  </select>
  <BR>
  <LABEL CLASS="reponse">dev1</label>
  <input type="text" name="dev1" value=""></INput>
  <LABEL CLASS="reponse">dev2</label>
  <input type="text" name="dev2" value=""></INput>
  <LABEL CLASS="reponse">EXAM</label>
  <input type="text" name="exam" value=""></INput>
  </center>
  <p align="RIGHT"><input type="button" name="reponse" value="afficher" onclick="calculer();"></input>
  <input type="button" name="reponse" value="annuler"></input></P>
  <TEXtarea name="text" cols="70" value=" " ROWS="5" VALUe=" ">
  matiere dev1 dev2 exam moyenne COEFFICIENT
  </textarea>
  <BR>
  <LABEL CLASS="reponse">MOYENNE SIMESTrielle</label>
  <input type="text" name="moyenneS" value=""></INput>
  <H1> list des matieres a rattraper</H1>
  <TEXtarea name="bouh" cols="50" value=" " ROWS="2" VALUe=" ">
  matiere Moyenne
  </textarea>
  </form>
  
  </body>
  </html>
  
  0
Réponse 2 / 3
Simon
Salut,

remplace "<script language="javascript"> " par "<script type="text/javascript">".
Maintenant tu peux débuguer ton code javascript avec Firebug ;)
Reviens si tu n'arrives pas à le corriger !

Simon
0
1. zizouinfo Auteur
  
  merci bcp je vais essayer ^^
  
  0
Réponse 3 / 3
coeus
Salut,

Ton code est tout croche...
Premièrement, je ne sais même pas si la syntaxe
```
if (<condition>) do <action>;
```
fonctionne, mais peu importe, c'est ainsi que tu devrais l'écrire :
```
if (<condition>) {
	<action>;
}
```
Déjà ça, ça va clarifier ton code beaucoup.

Ensuite, remarque que tu as :
```
function calculer()
{
{if[...]
```
Bref, tu as deux "{" qui se suivent. Juste ça, c'est probablement assez pour faire planter ton script.

Ensuite, tes instructions return dans ta fonction calculer() sont totalement inutiles.

Aussi, on ne fait pas :
```
<input type="radio" name="question" value="1"> <span class="reponse">addition</span> </input>
```
Mais plutôt :
```
<input type="radio" name="question" value="1" /><label class="reponse">addition</label>
```
Pareil pour :
```
a=<input type="text"name="A"value=""><BR></input>
```
Qui devrait plutôt ressembler à :
```
<fieldset>
	<label>a=</label>
	<input type="text" name="B" value="">
</fieldset>
```
Je te propose de revoir ton code à partir de ces instructions, et surveille bien tes braquettes ("{" et "}"), relis tes notes sur la manière de les utiliser ; re-poste ta page au complet si ça ne marche toujours pas.

Oh et P.S. : Un "merci d'avance" et surtout des phrases complètes peuvent t'aider à avoir des réponses plus pertinentes. ;-)
1
1. zizouinfo Auteur
  
  merci bcp je vais essayé jspr sa march ^^
  
  0
2. zizouinfo Auteur
  
  je fait sa:? {
  if (<condition>)(forme1.question[1].checked){ <action>; c=eval(form1.A.value)+eval(FORM1.B.value);
  {document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+c);}
  }
  
  0
3. Simon
  
  non :
  if ( forme1.question[1].checked ) {
  c = eval(form1.A.value) + eval(FORM1.B.value);
  document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+c);
  }
  
  0
4. coeus
  
  Mieux, mais pas tout à fait :
  
  1. Pas besoin de { au début de toutes les déclarations (et de } à la fin).
  2. Mon "if (<condition>)" ne devait pas être écrit tel quel ! :-P
  3. Pour le moment, tu peux laisser tomber le eval().
  4. Sépare tes instructions et incrémente-les bien, ton code va devenir beaucoup plus lisible. Pour les mêmes raisons, utilise des espaces entre tes opérateurs...
  5. Utilise des variables.
  6. Fais attention à tes majuscules ; Javascript ne les pardonne pas : form1.A.value n'est pas la même chose que FORM1.A.value
  
  Alors au final, ça devrait donner :
  
  if (forme1.question[1].checked) { a = parseInt(form1.A.value); b = parseInt(form1.B.value); c = a + b; document.write("La somme de " + a + " et " + b + "est égale à : " + c); }
  
  P.S. S'IL-TE-PLAÎT, n'écris plus en SMS. Les mots comme "bcp" et "jspr" me donnent mal aux yeux. Merci.
  
  0
5. zizouinfo Auteur
  
  merci sa ma bcp aidé mais quand je click sur calculer il se passe rien :x voila mon new code
  <head>
  <script type="text/javascript">
  function calculer()
  
  {if (<condition>)(forme1.question[1].checked) <action>; c=eval(form1.A.value)+eval(FORM1.B.value);
  
  {document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+c);}
  }
  {if (<condition>)(form1.question[2].checked) <action>; D=eval(form1.A.value)-eval(FORM1.B.value);
  {document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+d);}
  }
  {if (<condition>)(form1.question[3].checked) <action>; f=eval(form1.A.value)*eval(FORM1.B.value);
  {document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+f);
  }
  
  {if (<condition>)(form1.question[4].checked) <action>; z=eval(form1.A.value)/eval(FORM1.B.value);
  
  {document.write("la somme de"+form1.A.value+"et"+form1.B.value+"EST EGALE a:"+z);}
  
  }
  </SCRIPT>
  </HEAD>
  <BODY>
  <FORM name="form1">
  <fieldset>
  <label>A=</label>
  <input type="text" name="A" value=""></INPUT>
  </fieldSET>
  <fieldset>
  <label>B=</label>
  <input type="text" name="B" value=""></INput>
  </fieldset>
  <input type="radio" name="question" value="1"><LABEL class="reponse">
  addition</LABEL></input><br>
  <input type="radio" name="question" value="2"><label class="reponse">
  soustraction</label></input><br>
  <input type="radio" name="question" value="3"><label class="reponse">
  multiplication</label></input><br>
  <input type="radio" name="question" value="4"><label class="reponse">
  division</label></input><br>
  <input type="button" name="reponse" value="calculer" onclick="calculer();"></input>
  <input type="reset" name="reponse" value="annulé"></input>
  </form>
  </body>
  </HTML>
  
  0

Aide pour une page html svp!

3 réponses

Discussions similaires

Newsletters