Formulaire Javscript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Formulaire Javscript

aminaxs

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 ?

Publicité

torwood3

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

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

aminaxs

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

olivthill

Il faudrait rajouter quelque chose comme :

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

aminaxs

ouiii merciiii beaucouppp olivthill

FORUM HardWare.fr

Programmation

HTML/CSS

Formulaire Javscript

Sujets relatifs
validation d'un formulaire pour poster	[Résolu] Problème envoi formulaire
Script pour gérer les dates-heures comme dans MySql dans un formulaire	Formulaire de Contact - message non reçu
[RESOLU][php]pb gestion des accents dans formulaire	Écrire dans un txt depuis un formulaire et incrémentation
formulaire VBA modal	fichier audio grâce à formulaire Access et Media Player
Editeur de site pour formulaire un peu complexe	Formulaire access
Plus de sujets relatifs à : Formulaire Javscript

Page générée en 0.036 secondes