Correction - Serie Revision - Abd Aziz Elbehi - 4si - Tic

Anis_elbehi@yahoo.
fr
Lyce Othmen Chatti M'seken
Correction Srie de rvision:

1- Crer un rpertoire de travail "mon site" sous le rpertoire racine du serveur web local (www)
2- En utilisant le SGBD disponible, crer la base de donnes "Formation_net" qui comportera la table
"candidat" dont la structure est la suivante:
Candidat (numero, nom_prenom, age, email, module, competance, langue)
Champ
numero
nom_prenom
age
email
module
competance
langue
Type
NumeroAuto (cl primaire)
Texte
Rel
Texte
Texte
Texte
Texte
Le champ numro est de type numro automatique pour lui attribuer cette proprit, il faut lui dfinir
dans ces caractristiques l'option suivante:
Srie de rvision avec correction 4SI TIC
Page 1 / 13
Anis_elbehi@yahoo.fr
3- Crer une page web nomme formulaire.html et enregistrer la dans votre dossier de travail, le
formulaire crer aura l'aspect suivant:
NB1:
La liste droulante
langue contient les
valeurs Franais,
Anglais et Arabe
La case cocher du
module HTML ainsi
que le bouton radio
Dbutant sont cochs
par dfaut.
NB2:
Le clic sur le bouton
fait appel une fonction "Verif1()" crite en javascript et qui
permet de vrifier le remplissage du formulaire d'inscription en respectant les conditions suivantes:

-
Les champs Nom et prenom, Age et E_mail doivent tre non vide.
Le champ Age doit contenir une valeur numrique
Le champ E_mail doit contenir obligatoirement le caractre @.
Le candidat doit choisir au moins un module en cochant la case correspondante.
Page 2 / 13
NB3:
Si les conditions cits ci-dessus sont satisfaites, un script PHP cot serveur nomm "ajouter.php" sera
appel pour ajouter l'inscrit dans la base de donnes "formation_net" et le message suivant "Inscription
accepte nom et prenom vous tes numero " sera envoy au candidat.
NB4:
Le bouton
permet de mettre vide tous les champs du formulaire.
Solution 3 :
Pour la cration du formulaire prcdant et pour contrler les champs comme demand:
<html>
<head>
<title> inscription </title>
</head>
<!-
----- Fonction verif1 ---- -!>
<script language = javascript>

function verif1()
{
if(document.f.np.value==""){alert('nom et prenom obligatoire');
return false;}
if(document.f.a.value==""){alert("il faut saisir l'age"); return false;}
if(isNaN(document.f.a.value)) {alert (" age non valide"); return false;}
if(document.f.e.value==""){alert('e-mail obligatoir'); return false;}
if(document.f.e.value.indexOf('@')== -1){alert('e-mail non valide');
return false;}
if((document.f.chk1.checked==false)&&(document.f.chk2.checked==false)
&&(document.f.chk3.checked==false)) {alert('il faut cocher au moins une case');
return false;}
}
</script>
<!-
----- Fin
Fonction verif1 ---- -!>
<body>
Page 3 / 13
<!- ******** formulaire d'ajout ********************-!>

<form name=f method=POST onsubmit="return verif1()"
action="http://127.0.0.1/mon site/ajouter.php"
>
<H1>INSCRIPTION GRATUITE</H1>
<table>
<tr>
<td> Nom et prenom: </td> <td> <input type=text name=np>
</tr>
<tr>
<td> Age: </td> <td> <input type=text name=a>
</tr>
</td>
</td>
<tr>
<td> E_mail: </td> <td> <input type=text name=e>
</tr>
</td>
</table>
<br>
<B> Choisir un module</B> <br>
<input type=checkbox name=chk1 value=HTML checked> HTML <BR>
<input type=checkbox name=chk2 value=javascript> Javascript <BR>
<input type=checkbox name=chk3 value=PHP> PHP
<br><br><br>
<B> Competance</B> <br>
<input type=radio name=r1 value=Dbutant checked> Dbutant<br>
<input type=radio name=r1 value=Initi> Initi
<br><br><br>
<B> Langue</B> <br>
<select name=langue size=1>
<option> Franais </option>
<option> Anglais </option>
<option> Arabe </option>
</select>
<br><br><br>
<input type=submit value=Inscription>
<input type=reset value=Annuler>
</form>
</body>
</html>
Page 4 / 13
Le script PHP "ajouter.php"

<html>
<head>
<title> ajout.php </title>
</head>
<!- ---------------- le script PHP ------------------------------ -!>
<?
$np = $_POST['np'];
$a=$_POST['a'];
$e=$_POST['e'];
if(isset($_POST['chk1'])){$chk1=$_POST['chk1'];} else {$chk1='';}
$module="$chk1 $chk2 $chk3";
if(isset($_POST['r1'])){$comp=$_POST['r1'];}
$lang=$_POST['langue'];
mysql_connect('localhost','root','');
mysql_select_db('formation_net');
$n=mysql_insert_id();
$r="INSERT INTO candidat VALUES ('$n','$np','$a','$e','$module','$comp','$lang')";
mysql_query($r);
if(mysql_affected_rows()==1)
{echo '<br><br><br>
<center>
<H1><font color=green >Inscription accepte
mysql_insert_id() .'</font></h1>
</center>';}
' .$np .'
vous tes numro
'.
else
{echo '<br><br><br>
<center>
<H1><font color=red>Personne non
</center>';}
ajoute </font> </h1>
?>
<body bgcolor=pink >
</body>
</html>
Page 5 / 13
4- Dans la mme page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes
NB1:
permet de vrifier que l'utilisateur a saisit le nom et le prnom du candidat qu'il veut supprimer (c'est-dire que le champ du saisie du nom et prnom du candidat supprimer ne doit pas tre vide)
NB2:
Si les conditions cites ci-dessus, un script PHP cot serveur nomm "supprimer.php" sera appel pour
supprimer le candidat de la base de donnes "formation_net" et le message suivant "Le candidat nom et
prenom est supprim " sera envoy au candidat.
NB3:
Le bouton
permet de mettre vide le champ du formulaire de la suppression.
Solution - 4 :
<!-

function verif2()
{
if(document.f1.nps.value=="")
{alert("il faut saisir le nom et le prenom de l'eleve supprimer"); return false;}
}
</script>
<!-
----- Fin
<!- *************** formulaire de suppression **********-!>

<br><br><br><br><br>
<form
action="http://127.0.0.1/mon site/supprimer.php"
onsubmit="return verif2()" method=POST name=f1>
<font color = red><B>Suppression d'un lment </B></font><br>
Saisir le nom du condidant que vous voulez supprimer <input type=text name=nps><br>
<input type=submit value=Supprimer>
</form>
Page 6 / 13
Le script PHP "supprimer.php"

<html>
<head>
<title> supprime.php </title>
</head>
<!- ------------- le script PHP --------------------------------- -!>
<?
$nps = $_POST['nps'];
$r="DELETE FROM candidat WHERE nom_prenom = '$nps'";
mysql_query($r);
{echo '<br><br><br>
<center>
<H1><font color=green >Le candidat
</center>';}
' .$nps .'
est supprim
</font></h1>
?>
</body>
</html>
Page 7 / 13
NB1:
permet de vrifier que l'utilisateur a saisit le nom et le prnom du candidat qu'il veut chercher (c'est-dire que le champ du saisie du nom et prnom du candidat chercher ne doit pas tre vide)
NB2:
Si les conditions cites ci-dessus, un script PHP cot serveur nomm "chercher.php" sera appel pour
chercher le candidat dans la base de donnes "formation_net" et le message suivant "Le candidat nom
et prenom est trouv " sera envoy au candidat.
Puis on affiche tous les renseignements sur le candidat dans un tableau comme suit.
Si le candidat n'existe pas dans la base de donnes le message suivant "Le candidat nom et prenom
n'existe pas " sera affich.
NB3:
Le bouton
permet de mettre vide le champ du formulaire de recherche.
Page 8 / 13
Solution - 5 :
<!-

function verif3()
{
if(document.f2.npc.value=="")
{alert("il faut saisir le nom et le prenom de l'eleve chercher"); return false;}
}
</script>
<!-
----- Fin
<!- ********** formulaire de recherche
************-!>
<form name=f2 method=POST
action="http://127.0.0.1/mon site/chercher.php"
onsubmit="return verif3()"
>
<font color = blue><B>recherche d'un candidat </B></font><br>

Saisir le nom du condidant que vous voulez chercher <input type=text name=npc><br>
<input type=submit value=Chercher>
</form>
Page 9 / 13
Le script PHP "chercher.php"

<html>
<head>
<title> cherche.php </title>
</head>
<!- ------------- le script PHP ------------------------------ -!>

<?
$npc = $_POST['npc'];
$r="SELECT * FROM candidat WHERE nom_prenom = '$npc'";
$resultat=mysql_query($r);
{echo '<br><br><br><center><H1><font color=green >Le candidat
trouv </font></h1></center>';
?>
' .$npc .'
est
<? $enreg = mysql_fetch_array($resultat); ?>

<table border=2 align=center>
<tr align=center>
<td> numero </td>
<td> nom et prenom </td>
<td> age </td>
<td> email </td>
<td> module </td>
<td> competance </td>
<td> langue </td>
</tr>
<tr align=center>
<td><? echo $enreg["numero"]; ?></td>
<td><? echo $enreg["nom_prenom"]; ?></td>
<td><? echo $enreg["age"]; ?></td>
<td><? echo $enreg["email"]; ?></td>
<td><? echo $enreg["module"]; ?></td>
<td><? echo $enreg["competance"]; ?></td>
<td><? echo $enreg["langue"]; ?></td>
</tr>
<?
}
else
{echo '<br><br><br>
<center>
<H1><font color=green >Le candidat
</center>';}
' .$npc .'
n\'existe pas
</font></h1>
?>
</body>
</html>
Page 10 / 13
NB1:
permet de vrifier que l'utilisateur a saisit le numro du candidat qu'il veut modifier (c'est--dire que le
champ du saisie du numro du candidat modifier ne doit pas tre vide) et la nouvelle valeur du champ
qu'il veut modifier (les champs sont le nom et prnom ou l'adresse email qui doivent figurer dans la liste
de slection).
NB2:
Si les conditions cites ci-dessus, un script PHP cot serveur nomm "modifier.php" sera appel pour
modifier le nom et le prnom ou l'adresse mail du candidat dsir.
Et le message suivant "le champ ... est remplac par " sera envoy au candidat.
NB3:
Le bouton
permet de mettre vide le champ du formulaire de modification.
Page 11 / 13
Solution - 6 :
<!-

function verif4()
{
if(document.f3.ncm.value=="")
{alert("il faut saisir le numero du candidat modifier"); return false;}
if(document.f3.nv.value=="")
{alert("il faut saisir la nouvelle valeur "); return false;}
}
</script>
<!-
----- Fin
<!- ************ formulaire de modification
***********-!>
<form name=f3 method=POST
action="http://127.0.0.1/mon site/modifier.php"
onsubmit="return verif4()"
>
<font color = green><B>modifier les informations d'un candidat </B></font><br>

Saisir le numro du candidat modifier <input type=text name= ncm><br>
Choisir le champ que vous voulez modifier
<select name=cam size=1 ><br>
<option> Nom et prenom </option>
<option> email </option>
</select>
<br>
nouvelle valeur<input type=text name =nv><br>
<input type=submit value=Modifier>
</form>
Page 12 / 13
Le script PHP "modifier.php"

<html>
<head>
<title> modification.php </title>
</head>
<!- ------------ le script PHP ---------------------------- -!>
<?
$ncm = $_POST['ncm'];
$cam =$_POST['cam'];
$nv = $_POST['nv'];
if($cam=='Nom et prenom')
{
$r="UPDATE candidat SET nom_prenom = '$nv' WHERE numero = '$ncm'";
}
else
{
$r="UPDATE candidat SET email = '$nv' WHERE numero = '$ncm'";
}
mysql_query($r);
{echo '<br><br><br>
<center><H1><font color=green >Le champ' .$cam .' est remplac par '.$nv .'
</font></h1>
</center>';}
?>
</body>
</html>
Merci pour :
Mr. Chatti Sofienne
Page 13 / 13

Correction - Serie Revision - Abd Aziz Elbehi - 4si - Tic

Transféré par

Droits d'auteur :

Formats disponibles

Correction - Serie Revision - Abd Aziz Elbehi - 4si - Tic

Transféré par

Informations du document

Description originale:

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Correction - Serie Revision - Abd Aziz Elbehi - 4si - Tic

Transféré par

Droits d'auteur :

Formats disponibles

Anis_elbehi@yahoo.

Lyce Othmen Chatti M'seken

Correction Srie de rvision:

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

fait appel une fonction "Verif1()" crite en javascript et qui

permet de vrifier le remplissage du formulaire d'inscription en respectant les conditions suivantes:

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

permet de mettre vide tous les champs du formulaire.

----- Fonction verif1 ---- -!>

<script language = javascript>

Fonction verif1 ---- -!>

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

<!- ******** formulaire d'ajout ********************-!>

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

Le script PHP "ajouter.php"

' .$np .'

vous tes numro

ajoute </font> </h1>

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

fait appel une fonction "Verif2()" crite en javascript et qui

permet de mettre vide le champ du formulaire de la suppression.

----- Fonction verif2 ---- -!>

<script language = javascript>

Fonction verif2 ---- -!>

<!- *************** formulaire de suppression **********-!>

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

Le script PHP "supprimer.php"

' .$nps .'

<body bgcolor=pink >

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

fait appel une fonction "Verif3()" crite en javascript et qui

permet de mettre vide le champ du formulaire de recherche.

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

----- Fonction verif3 ---- -!>

<script language = javascript>

Fonction verif3 ---- -!>

<!- ********** formulaire de recherche

<font color = blue><B>recherche d'un candidat </B></font><br>

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

Le script PHP "chercher.php"

<title> cherche.php </title>

<!- ------------- le script PHP ------------------------------ -!>

' .$npc .'

<? $enreg = mysql_fetch_array($resultat); ?>

' .$npc .'

Srie de rvision avec correction 4SI TIC

Lyce Othmen Chatti M'seken

fait appel une fonction "Verif4()" crite en javascript et qui

permet de mettre vide le champ du formulaire de modification.

<!- formulaire d'ajout ************-!>

<!- ***** formulaire de suppression -!>