Fichier PDF

Partage, hébergement, conversion et archivage facile de documents au format PDF

Partager un fichier Mes fichiers Convertir un fichier Boite à outils Recherche Aide Contact



Série FormulaireConsutantInformations Corrige .pdf



Nom original: Série FormulaireConsutantInformations- Corrige.pdf
Titre: Série FormulaireConsutantInformations- Corrige
Auteur: hp

Ce document au format PDF 1.4 a été généré par PDFCreator Version 1.5.0 / GPL Ghostscript 9.05, et a été envoyé sur fichier-pdf.fr le 02/02/2017 à 20:35, depuis l'adresse IP 41.224.x.x. La présente page de téléchargement du fichier a été vue 241 fois.
Taille du document: 86 Ko (3 pages).
Confidentialité: fichier public




Télécharger le fichier (PDF)









Aperçu du document


Khaoula abaidi

Lycée AHD JADID

Année scolaire 2016 2017

CHAPITRE 03 : SITE WEB STATIQUE (JAVASCRIPT)
Correction Série JavaScript 05 :

Les Formulaires

1. Ecrire le script de la fonction nomConsultant qui permet de retourner le nom du consultant
function nomConsultant (f)
{
return f.nom.value;
}

2. Ecrire le script de la fonction genreConsultant qui permet de retourner le genre du
consultant
function genreConsultant(f)
{
var ret;
if (f.genre[0].checked) ret = f.genre[0].value;
if (f.genre[1].checked)ret = f.genre[1].value;
return ret;
}
// 2ème méthode avec la boucle for
function genreConsultant2(f)
{
var ret,taille;
taille = f.genre.length;
for(i=0;i<taille;i++)
if (f.genre[i].checked) ret = f.genre[i].value;
return ret;
}

3. Ecrire le script de la fonction dateNaissanceConsultant qui permet de retourner la date de
naissance du consultant
function dateNaissanceConsultant (f)
{
var dJour,dMois,dAnnee;
for(i=0;i<3;i++)
{
if(f.jour.selectedIndex == i)dJour = f.jour.options[i].value;
if(f.mois.selectedIndex == i)dMois = f.mois.options[i].value;
if(f.annee.selectedIndex == i)dAnnee = f.annee.options[i].value;
}
return dJour+"/"+dMois+"/"+dAnnee;
}
Semaine du 23 Janvier 2017 au 29 Janvier 2017

Khaoula abaidi

Lycée AHD JADID

Année scolaire 2016 2017

4. Ecrire le script de la fonction adressePostaleConsultant qui permet le retour de l'adresse
postale du consultant
function adressePostaleConsultant (f)
{
var adressePost = f.adressePostale.value;
return adressePost;
}

5. Ecrire le script de la fonction informationsAvoir qui permet de retourner le choix de
l'utilisateur des informations à voir (0 : Nom, 1 : genre , 2 : date de naissance) , par défaut
l'adresse postale est affichée
function informationsAvoir (f)
{
var tabChoix = new Array ();
if(f.choixN.checked) tabChoix[0] = true; else tabChoix[0]=false;
if(f.choixG.checked) tabChoix[1] = true; else tabChoix[1]=false;
if(f.choixD.checked) tabChoix[2] = true; else tabChoix[2]=false;
var msg = "Le consultant ";
for(i=0;i<3;i++)
switch (i)
{
case 0 : if(tabChoix[i] == true)msg += " : " + nomConsultant(f);break;
case 1 : if(tabChoix[i])msg += " ayant comme genre : " + genreConsultant(f);break;
case 2 : if(tabChoix[i]) msg += " né(e) le : " + dateNaissanceConsultant (f);break;
}
msg += " habite à " + adressePostaleConsultant (f);
alert(msg);
return true;
}

6. Lors du chargement de la page, afficher la date du jour .
Lors du clic sur le bouton Informations, l'utilisateur aura les informations saisies
Lors du clic sur le bouton Effacer l'utilisateur le message suivant apparait "Effacement avec
succès"

Soit les deux fonctions dateActuelle() et raz(f) permettant respectivement l'affichage de la date
actuelle et l'initialisation des informations du formulaire par des valeurs

Semaine du 23 Janvier 2017 au 29 Janvier 2017

Khaoula abaidi

Lycée AHD JADID

Année scolaire 2016 2017

<script language = "javascript">
function dateActuelle()
{
var d = new Date();
alert(d.getDate()+"/"+d.getMonth()+"/"+d.getFullYear());
}
function raz(f)
{
f.nom.value = " Foulen Ben Foulen ";
f.genre[1].checked = true;
f.jour.selectedIndex = 1;
f.mois.selectedIndex = 1;
f.annee.selectedIndex = 1;
f.adressePostale.value = " Ibn Sina ";
f.choixN.checked = true;
f.choixG.checked = true;
f.choixD.checked = true;
alert('L initialisation est réalisée avec succès ');
}
</script>
<body onload = "dateActuelle()" >
<form method="POST" name = "formConsultant" onsubmit = "return
informationsAvoir(formConsultant)" onreset = " return raz(formConsultant)">
<fieldset style="padding: 2">
<legend>Fiche Consultant </legend>
<p>Nom : <input type="text" name="nom" size="20" value="Entrer votre nom "></p>
<p>Genre :    Féminin
<input type="radio" value="femme" checked name="genre">  Masculin
<input type="radio" name="genre" value="homme"></p>
<p>Date de naissance : <select size="1" name="jour">
<option selected>Jour</option><option value="1">1</option><option value="2">2</option>
<option value="3">3</option></select>
<select size="1" name="mois">
<option>Mois</option><option value="Janvier">Janvier</option><option value="Février">Février</option>
<option value="Mars">Mars</option></select>
<select size="1" name="annee">
<option>Année</option><option value="2016">2016</option><option value="2017">2017</option>
</select></p><p>Adresse Postale : <textarea rows="2" name="adressePostale" cols="20">Saisir l'adresse postale qui ne
dois pas dépasser 30 caractères </textarea></p>
<p>Les informations à voir :
<input type="checkbox" name="choixNom" value="0">Nom<input type="checkbox" name="choixGenre"
value="1">Genre<" name="choixDateNaissance" value="2">Date de naissance </p>
<p align="center"><input type="submit" value="Informations" name="btnInfo">  <input type="reset"
value="Effacer" name="btn"></p>
<p> </p></fieldset>

</form>

Remarque :
Si l'affichage lors du clic sur le bouton RAZ ne s'affiche pas , vous pouvez mettre les
boutons en dehors du formulaire et appliquer l'événement onclick :
</form>
<input type="submit" value="Informations" name="btnInfo" onclick="return informationsAvoir(formConsultant)">
<input type="reset" value="Effacer" name="btn" onclick="raz(formConsultant)"></p>

</body>
Semaine du 23 Janvier 2017 au 29 Janvier 2017


Série FormulaireConsutantInformations- Corrige.pdf - page 1/3
Série FormulaireConsutantInformations- Corrige.pdf - page 2/3
Série FormulaireConsutantInformations- Corrige.pdf - page 3/3

Documents similaires


Fichier PDF controleformulaire consultantcorrection
Fichier PDF serie formulaireconsutantinformations corrige
Fichier PDF correction festivalcarthage
Fichier PDF jvc monitor infodecor dt v20l3g en
Fichier PDF formulaire evenement
Fichier PDF serie formulairegestionevenement corrige


Sur le même sujet..