Exercice 1 – Initialisation de variable et affichage

Transcription

Master Expertise et Ingénierie des Systèmes d'Information
en Santé
Module : technique de programmation pour internet
Exercice 1 – Initialisation de variable et affichage
Fichier page1.php
Déclarer 3 variables : module, nom,
message.
Initialiser
- la variable module avec la valeur 6
- le nom avec votre nom
- le message avec "Mon nom est : ".
Afficher dans une page HTML ces 3
variables.
<html >
<head>
<title>Exercices PH : Mes débuts en PHP</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body><center>
<b>Ma première page en PHP..</b>
<?php
// initialisation des variables
$module = 6 ;
$nom = "XXXX";
$message ="Mon nom est : ";
echo $message . $nom . "<br/>";
// opérateur de concaténation
echo "j'ai choisi le module OPT $module";
// variable dans la chaîne
?>
</center></body></html>
Master EISIS UEOPT6 - LERTIM – Faculté de Médecine – Université de la Méditerranée
Master EISIS – Module : Technique de programmation pour Internet
Exercice 2 – Utilisation du if
A partir de l'exemple précédent, rajouter un test permettant de comparer la valeur de la
variable nom avec la valeur "ZZZZZZ".
Afficher des messages indiquant les résultats du test.
Fichier page2_IF.php
<html>
<head>
<title>Exercices PH : Mes débuts en PHP</title>
</head>
<body>
Ma première page en PHP...<br/>
<?php
$module = 6 ;
$nom = "XXXX";
$message ="Mon nom est : ";
echo $message . $nom . "<br/>";
// opérateur de concaténation
echo "j'ai choisi le module $module <br/>";// variable dans la chaîne
if ($nom == " ZZZZZZ "){ echo " Votre nom est bien $nom";}
else { echo "identification incorrecte"; }
?>
</body></html>
Exercice 3 – Affichage d'un tableau
Fichier page3_tableau.php
Initialiser un tableau de 5 cellules avec la
liste des jours.
Afficher le nombre d'éléments.
Boucler de différentes façons sur les
éléments du tableau pour les afficher.
<html >
<head>
<title>Tableaux</title>
</head>
<body>
<h3>Liste des éléments </h3>
<?php
$jour=array ("lundi", "mardi", "mercredi","jeudi","vendredi");
$nombre = count($jour);
echo " Nombre de valeur dans le tableau : $nombre ";
//
boucle avec FOR
for ($i=0; $i<$nombre; $i++) {
echo " jour[$i] = $jour[$i] <br/>";
}
//
boucle avec while
$i = 0;
while ($i<$nombre){
echo " jour[$i] = $jour[$i] <br/>";
$i++;
}
// boucle avec foreach
$i = 1;
foreach ($jour as $val) {
echo "Valeur $i: $val <br/>";
$i++;
}
// boucle avec foreach – tableau associatif
$coul=array("rouge"=>"#FF0000", "bleu"=>"#0000FF", "vert"=>"#00FF00");
foreach ($coul as $cle => $val) {
echo "couleur $cle = $val <br />"; }
?>
</body></html>
Exercice 4 – Utilisation d'un formulaire – Passage de paramètres
Fichier page4_form.htm
Construire une page permettant de saisir un
nom et un prénom et le module choisi.
Ajouter un bouton renvoyant sur une page
affichant les données saisies.
<html>
<head>
<title>Saisie d'un nom</title>
</head>
<body>
<form action="page4_action.php" method="POST">
Nom : <input type="text" name="nom" size="20"><br/>
Prénom : <input type="text" name="prenom" size="20"><br/>
Module choisi : <input type="text" name="module" size="2"/><br/>
<input type="submit" value="Envoyer"><br>
</form>
</body></html>
Fichier page4_action.htm
<html>
<head>
<title>Nouvelle page 1</title>
</head>
<body>
Bonjour, <?php echo $_POST["prenom"] ?><br/>
Votre nom est <?php echo $_POST["nom"]
?>.<br/>
Vous avez choisi le module OPT <?php echo
$_POST["module"] ?>.
</body></html>
+++  Changez la méthode POST par la méthode GET. Observez le contenu de la
barre d'adresse. Vérifiez que vous pouvez modifier les paramètres.
Exercice 5 – Formulaire avec test des valeurs avant envoi
Fichier page5_form.htm
Modifier La page précédente pour tester les
valeurs avant envoi à la page action
<html>
<head>
</head>
<body>
<script type="text/javascript">
function valide(){
if(document.saisie.nom.value == "") { alert("Vous devez saisir un nom");}
else if(document.saisie.module.value != "")
{document.saisie.submit(); }
else { alert("Vous devez saisir un module");}
}
</script >
<form name="saisie" action="page4_action.php" method="POST">
Nom : <input type="text" name="nom" size="20"/><br/>
Prénom : <input type="text" name="prenom" size="20"/><br/>
Module choisi : <input type="text" name="module" size="2"/><br/>
<input type="button" value="Envoyer" onclick="javascript:valide()">
</form>
</body></html>
Remarque : un script javascript a été ajouté permettant le test des valeurs saisies avant
l'envoi.
Si les zones sont vides un message d'alerte sera affiché, sinon la méthode submit du
formulaire sera déclenchée (document.saisie.submit();). Les données seront envoyées à la
page indiquée dans la propriété Action du formulaire.
Exercice 6 – Affichage d’une liste déroulante
Fichier page6_form.php
Modifier la page précédente pour afficher
une liste déroulante permettant de choisir le
module parmi plusieurs.
<html >
<head>
</head>
<body>
<script type="text/javascript" >
function valide(){
if(document.saisie.nom.value == "") { alert("Vous devez saisir un nom");}
else if(document.saisie.module.value != "") {document.saisie.submit(); }
else { alert("Vous devez saisir un module");}
}
</script >
<center>
<? php
$module=array("UEM1", "UEM2", "UEM3", "UEOPT6", "UEOPT10","UESIS1");
?>
<form name="saisie" action="page4_action.php" method="POST">
Nom : <input type="text" name="nom" size="20"/><br/>
Prénom : <input type="text" name="prenom" size="20"/><br/>
<h3>Choisissez votre module </h3>
<select name="module">
<?php
foreach ($module as $val) {
echo "<option value=$val>" . $val . "</option>";
}
?>
</select>
<input type="button" value="Envoyer" onclick="javascript:valide ()"/><br/>
</form>
</center> </body></html>

Exercice 1 – Initialisation de variable et affichage

Transcription

Documents pareils

Html 05 - HTML facile - Pagesperso

DUT SRC - Webchronique

php get

VENDS RAQUETTES HEAD

integrer une video dans une page web - hgmatisse

Les sites Internet dynamiques

Courriel : [Text redacted]@yahoo.com.hk Téléphone : +82[Text

HTMLTD1 Texte de base en HTML

offre d`emploi planet form

HMTL Exemple de fichier HTML Structure d`un document

Le langage PHP – 2ème partie