Formulaire Javscript

Formulaire Javscript - HTML/CSS - Programmation

Marsh Posté le 19-01-2014 à 21:05:26    

Bonsoir;
s'il vous plait j'ai besoin d'aide ...  :??:  
Le sujet de l'exo et d’écrire un code d'une fonction qui permet de récupérer toutes les informations saisies dans un formulaire pour les afficher dans une nouvelle fenêtre le bouton valider de cette dernière permet d'afficher un message alert confirmant le traitement  de la fiche de la formation de l'intervenant concerné tout en fermant la fenêtre !!
mon code est le suivant :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
<script language="javascript" >
 function Valider(){
 var id = document.forms[0].elements[0].selectedIndex
 var id1 = document.forms[0].elements[0].options[id].value
 var id2 = document.forms[0].elements[1].value
 var id3= document.forms[0].elements[2].selectedIndex
 var  id4= document.forms[0].elements[2].options[id3].value
 var selected = new Array();
 for(i=0;i<document.forms[0].elements[3].options.length;i++)
 {  
   if(document.forms[0].elements[3].options[i].selected){
      selected.push(document.forms[0].elements[3].options[i].value);}
 }
  for(i=0;i<5;i++){
  if (document.forms[0].elements[i].checked)  
  {
    var bouton =document.forms[0].elements[i].value
  }}
  var X="<ul><li>Intervant:"+id1+"</li>"
   X +="<li>Diplome:"+id2+"</li>"
  X += "<li> Module:"+ id4 +"</li>"
  X+="<li>Ressources:"
  for(i=0;i<selected.length;i++)
  {  
   X+=selected[i]+","
  }
  X+="</li>"
  X+="<li>Local:"+bouton+"</li>";
  var f1= window.open("  ","Nouvelle Fenetre","width=280 ,height=280" )
  var f1 = document.write(X)
 }
 </script>
 </head>
 
 <body>
  <form method="post" action =" ">
  <table border="0">
   <tr>
    <td> <b>Intervenant</b><select name="nom">
         <option value="jeremy" selected>Jeremy
   <option value="albert">albert
   </select>
 </td>
 </tr>
 <tr>
   <td>  
     <b>Diplome</b>
         <input type="text" name="diplome" >
 </td>
 </tr>
 <tr>
 <td><b>Module:</b></td>
 </tr>
 <tr>
 <td>
           <select name="module" MULTIPLE size="3">
      <option value="Java" >Java
   <option value="C++"  >C++
   <option value="RO">RO
    </select>
 </td>
 </tr>
 <tr>
 <td ><b>Ressources</b></td>
 <td> <b>Local</b></td>
 </tr>
 <tr>
 <td> <select value="local" MULTIPLE size="3">
          <option value ="Video projecteur"> Video projecteur
    <option value="Ordinateur"> Ordinateur  
    <option value="Imprimante" selected> Imprimante
    </select>
 </td>
 <td>
 Salle TP <input type="radio" value="Salle TP" name="add"> Salle d'exploitation <input type="radio" value="Salle d'exploitation" name="add">
 <br>
 Amphie<input type="radio" value="Amphie" name="add">Salle de reunion<input type="radio" value="Salle de reunion" name="add">
 </td>
 </tr>
   <tr>
    <td colspan="2" align="right">
    <input type="reset" value="Annuler" name="ad">
    <input type="button" value="Afficher" name="ad1" onclick="Valider()">
  </td>
 </tr>
 </table>
</body>
</html>
 
 

malheureusement je n'y arrive pas à trouver la solution !!  Pourriez vous m'aider s'il vous plait ?

Reply

Marsh Posté le 19-01-2014 à 21:05:26   

Reply

Marsh Posté le 20-01-2014 à 02:01:57    

Bonsoir,
 
Je suis pas sur d'avoir compris, mais si tu veux que le résultat s'affiche dans une autre fenêtre il suffit de faire => var f1 = windows.open(....);  
f1.document.write(X);
 
tu n'étais pas loin :p
 
Après si je peux donner des petits conseils sur ton code.  
Les Tables, c'est pour faire un tableau. On est plus dans les années 90, maintenant il y a le css (je te laisse te renseigner sur celui-ci).
Et pour le JavaScript, les ; à la fin de chaque instruction ça serait mieux...  
 
Bonne journée/soirée/nuit


---------------
"La valeur d'un homme tient dans sa capacité à donner et non dans sa capacité à recevoir." Albert Einstein / "Dans la nature, tout a toujours une raison. Si tu comprends cette raison, tu n'as plus besoin de l'expérience." Léonard De Vinci
Reply

Marsh Posté le 20-01-2014 à 10:21:49    

merci d'avoir pris la peine de lire et de répondre :) !! mais il faut obligatoirement que je trouve la solution seulement avec html et javascript :( je n'arrive pas à poser les deux boutons Valider et Annuler dans la nouvelle page . c'est urgent donnez moi des idées s'il vous plait :'(


Message édité par aminaxs le 20-01-2014 à 10:33:16
Reply

Marsh Posté le 20-01-2014 à 14:06:29    

Il faudrait rajouter quelque chose comme :

 X+="<form><input type='button' value='Valider' onclick='window.close()'></form>";

Reply

Marsh Posté le 20-01-2014 à 14:50:08    

ouiii merciiii beaucouppp olivthill :)

Reply

Sujets relatifs:

Leave a Replay

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