petit probleme javascript

petit probleme javascript - HTML/CSS - Programmation

Marsh Posté le 01-02-2006 à 16:41:33    

Bonjour à toutes et à tous.
 
J'ai un petit probleme avec du javascript dans un fichier html.
Le principe est le suivant, un petit questionnaire et une fonction en javascript qui corrige dynamiquement le dcm et qui normalement si les réponses sont correctes ou pas.  
 
Le pb est que la page ne s'affiche pas, que ce soit sur Firefox ou sur IE.
 
Java et javascript sont activés, je ne comprends pas...
 
Quelqu'un peut a t'il une idée ?
Merci.
 
ci-dessous les 2 fichiers html :
---------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>L'utilisation des procédés RAID1 et RAID5</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function corrige()
{
  window.open("rep_raid.html","fenetre1","scrollbars=yes",HEIGHT=400,WIDTH=550" )
}
 
function testqcm(form)
{
  var wintest=window.open("","fenetre2","scroolbars=no,rezisable=no,height=250,width=370" )
  var contenu="<html><head><title>Correction du QCM</title></head>"
  contenu +="<body scroll=AUTO leftmargin=60>"
  contenu +="<h3><font color='#800000'>Correction dynamique du qcm</font></h3>"
  contenu +="<font size=2>"
  if(form.question1[2].checked)
  {
  if(form.question1[0].checked||form.question1[1].checked||form.question1[3].checked)
    {
    contenu +="<p><li>La réponse à la question 1 est <u>incorrecte</u>."
    }
  else
    {
    contenu +="<p><li>La réponse à la question 1 est correcte."
    }
  }
  else
    {
    contenu +="<p><li>La réponse à la question 1 est <u>incorrecte</u>."
    }
  contenu +="</font>"
  contenu +="<p><center><form><input type='button' value='OK' onclick='self.close()'></form>"
  contenu +="</center></body></html>"
  wintest.document.write(contenu)
}  
//-->
</SCRIPT>
</head>
<body color="#FFFFFF" text="#000000" link="#000080" vlink="#800080" alink="#FF0000"scroll=auto leftmargin=20 rightmargin=0 topmargin=0>
<font face="times new roman">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
  <col span="3">
    <tr>
      <td>&nbsp;</td>
      <td><center><h3><font color="#800000">L'utilisation des procédés RAID1 et RAID5
      <br>Test d'auto-évaluation</font></h3><hr></center>
      <font size=2>
      <p><i><b><font color="#008000">Questionnaire sous forme de QCM. Les questions peuvent comporter une ou plusieurs réponses.</font></b></i>
      <form name="QCM" method="get">
      <p><b>Question1 :</b>
      <br>quel est le type de disque système qui réalise une copie exacte de toutes les données d'une partition disque dans une autre partition?
      <i>
      <li><input type="checkbox" name="question1" value="A">RAID<br>
      <li><input type="checkbox" name="question1" value="B">Sauvegarde disque<br>
      <li><input type="checkbox" name="question1" value="C">Mise en miroir<br>
      <li><input type="checkbox" name="question1" value="D">Dépannage &agrave; chaud<br>
      </i>
<p><center>
<input type="button" value="correction" onclick="testqcm(this)">
<input type="reset" value="effacer">      
<input type="button" value="corrigé" onclick="corrige()">
</form>
</center>
</font>
</td>
<td>&nbsp;</td>
</tr>
</table>
</font>
</body>
</html>
------------------------------------------------------------      
et  
-----------------------------------------------------------      
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body bgcolor="#FFFFFF" text="#000000" link="#000080" vlink="#800080" alink="#FF0000"scroll=auto leftmargin=20 rightmargin=0 topmargin=0>
  <font face="times new roman">
  <center><h3><font color="#800000">L'utilisation des procédés RAID1 et RAID5
  <br>Réponse du Test d'auto-évaluation</font></h3><hr></center>
  <font size=2>
  <p><i><b><font color="#008000">Les bonnes réposnes aux questions apparaissent en rouge</font><b></i>
  <p><b>Question1 :</b>
  <br>quel est le type de disque système qui réalise une copie exacte de toutes les données d'une partition disque dans une autre partition?
      <i><li>RAID<br>
      <li>Sauvegarde disque<br>
      <li><b><font color="#FF0000">Mise en miroir</font></b><br>
      <li>Dépannage &agrave; chaud<br>
      </i>
  <center><form>
  <input type=button value="Fermer la fenêtre" Onclick=self.close()>
  </center></form>
</font>
</body>
</html>
------------------------------------------------      

Reply

Marsh Posté le 01-02-2006 à 16:41:33   

Reply

Marsh Posté le 01-02-2006 à 16:53:14    

Comment te dire ...
L'html de ta 1ere page c'est vraiment n'importe quoi ...
- il manque plein de quote pour fermer certains attributs
- colspan n'est pas une balise mais un attribut de td/th
- tout le code est 'nineties staïlle', c'est à dire pré-historique
 
Quand à ta fonction js, ça ne se fait plus non plus d'ouvrir des pop-ups ( de toute façon ça sera bloqué sur tous les "bons" navigateurs).  
Après générer du code html que tu writes dedans, c'est aussi pas top.
 
Bon maintenant juste pour répondre à ta question le problème est sur cette ligne:

Code :
  1. window.open("rep_raid.html","fenetre1","scrollbars=yes",HEIGHT=400,WIDTH=550" )


tu as une quote de trop dans les propriétès de la fenêtre, donc

Code :
  1. window.open("rep_raid.html","fenetre1","scrollbars=yes,HEIGHT=400,WIDTH=550" )


 
Mais je ne saurais trop te conseiller de regarder comment on "fait de l'html" de nos jours ...


Message édité par anapajari le 01-02-2006 à 16:54:47
Reply

Marsh Posté le 01-02-2006 à 18:16:17    

<input type="button" value="correction" onclick="testqcm(this)">
 
function testqcm(form)  
 
dans l'appel this fait référence à l'input


Message édité par Bidem le 01-02-2006 à 18:17:00
Reply

Marsh Posté le 01-02-2006 à 20:20:23    

trop fort, ça marche, merci.
 

Reply

Marsh Posté le 01-02-2006 à 20:26:35    

pendant que j'y suis, un autre petit pb cette fois avec du hmtl.
J'ai 3 fichiers html, l'un défini la structure (frame) de la page, l'autre est un formulaire qui "ira" sur la partie gauche de ma page et à droite de ma page il y  aura le résultat. Par contre lorsue je clique sur valider il ne se passe rien. Alors que normalement les mentions remplir dans le formuliare devraient apparaitre dans la zone de droite.
 
celà doit être surement tout con mais si vous pouviez me donner un coup de main, ce serait cool.
 
Merci par avance.
 
fichier frames.html
---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>corrige exo1-2</title>
</head>
<FRAMESET cols="40%,*">
  <frame name=questionnaire src=quest.html>
  <frame name=reponse src=rep.html>
</FRAMESET>
</HTML>
----------------------------
 
fichier quest.html
----------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>corrige exo2 questionnaire</title>
</head>
<body>
<center>
<form name=monformulaire>
<table BORDER WIDTH="300" HEIGHT="125">
<tr>
<td><input type=button value=Nom onclick="alert(document.monformulaire.nom.value);"></td>
<td><input type=text name=nom size=20 value=""></td>
</tr>
<tr>
<td><input type=button value=Telephone onclick="alert(document.monformulaire.tel.value);"></td>
<td><input type=text name=tel size=20 value=""></td>
</tr>
<tr>
<td><input type=button value=Adresse onclick="alert(document.monformulaire.adr.value);"></td>
<td><input type=text name=adr size=20 value=""></td>
<tr>
</table>
</form>
 
<input type=button value=valider onclick="window.parent.reponse.document.write('nom=',document.monformulaire.nom.value);
window.parent.reponse.document.write('<P>adresse=',document.monformulaire.adr.value);
window.parent.reponse.document.write('</P><P>telephone=',document.monformulaire.tel.value);
window.parent.reponse.document.write('</P>';">
</center>
</body>
</html>
---------------------------
 
fichier rep.html
---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>reponse</title>
</head>
<body></BODY>
</HTML>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed