0% ont trouvé ce document utile (0 vote)
8 vues4 pages

Commande et Inscription de Pizzas

Le document présente une structure de site web pour la commande et l'inscription de pizzas, comprenant plusieurs fichiers HTML, CSS et JavaScript. Les fichiers HTML incluent des formulaires pour la commande de pizzas et l'inscription des clients, avec des validations de saisie dans le JavaScript. Le CSS est utilisé pour le style des éléments de la page, tandis que les iframes permettent de naviguer entre les différentes sections du site.

Transféré par

zwawinet
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
8 vues4 pages

Commande et Inscription de Pizzas

Le document présente une structure de site web pour la commande et l'inscription de pizzas, comprenant plusieurs fichiers HTML, CSS et JavaScript. Les fichiers HTML incluent des formulaires pour la commande de pizzas et l'inscription des clients, avec des validations de saisie dans le JavaScript. Le CSS est utilisé pour le style des éléments de la page, tandis que les iframes permettent de naviguer entre les différentes sections du site.

Transféré par

zwawinet
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Correction dc4

[Link]
<html>

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="[Link]">
</head>

<body>
<script src="[Link]"></script>
<nav>
<iframe src="[Link]" frameborder="0" id="menu" name="menu"></iframe>
</nav>
<section>
<iframe src="[Link]" frameborder="0" id="principal" name="principal"></iframe>
</section>
</body>

</html>

[Link]
<ul>
<li>
<a href="[Link]" target="principal">Commandes des Pizza</a></li>
<li><a href="[Link]" target="principal">Inscription</a></li>
</ul>

[Link]
<head>
<link rel="stylesheet" href="[Link]">
</head>

<body>
<script src="[Link]"></script>
<form action="">
<fieldset>
<legend>Commandes de pizzas</legend>
<table>
<tr>
<td><label for="">Type de pizza : </label></td>
<td><select id="opt">
<option>Choisir une pizza</option>
<option>Fruits de mer</option>
<option>Margherita</option>
<option>Napolitaine</option>
<option>Neptune</option>
<option>Royale</option>
</select></td>
<td><label for="">Quantité</label></td>
<td><input type="text" id="qte"></td>
</tr>
<tr>
<td><label for="">Tél : </label></td>
<td><input type="text" id="tel"></td>

<td><label for="">Mot de passe : </label></td>


<td><input type="text" id="mdp1"></td>
</tr>

<tr>
<td></td>
<td><input type="reset" value="Annuler">
<input type="submit" value="Valider" onclick="verif2()"></td>
</tr>
</table>
</fieldset>
</form>
</body>

[Link]
<head>
<link rel="stylesheet" href="[Link]">
</head>

<body>
<script src="[Link]"></script>
<form action="">
<fieldset>
<legend>Inscription d'un client</legend>
<table>
<tr>
<td><label for="">Nom : </label></td>
<td><input type="text" id="nom"></td>
</tr>
<tr>
<td><label for="">Prénom : </label></td>
<td><input type="text" id="prenom"></td>
</tr>
<tr>
<td><label for="">Tél : </label></td>
<td><input type="text" id="tel"></td>
</tr>
<tr>
<td><label for="">Adresse : </label></td>
<td>
<Textarea rows="3" cols="40" id="adresse"></Textarea>
</td>
</tr>
</table>
<table>
<tr>
<td><label for="">Mot de passe : </label></td>
<td><input type="text" id="mdp1"></td>
</tr>
<tr>
<td><label for="">Confirmation du mot de passe : </label></td>
<td><input type="text" id="mdp2"></td>
</tr>
<tr>
<td></td>
<td><input type="reset" value="Annuler">
<input type="submit" value="Valider" onclick="Verif1()"></td>
</tr>
</table>
</fieldset>
</form>
</body>

[Link] border: solid 1px;


nav { } label,
width: 15%; legend {
height: 100%; form { font-weight: bold;
border: solid 1px; width: 100%; }
float: left; }
} select {
#principal { margin-bottom: 100px;
section { width: 70%; }
width: auto; height: 70%;
height: 100%; }

[Link]
function alpha(nom) {
var i = 0;
var test = true;
while (i < [Link] && test) {
if (nom[i].toUpperCase() < "A" || nom[i].toUpperCase() > "Z")
test = false;
i++;
}
return test;
}

function Verif1() {
nom = [Link]("nom").value;
if ([Link] < 3 || !alpha(nom)) {
alert("Nom invalide");
}
prenom = [Link]("prenom").value;
if ([Link] < 3 || !alpha(prenom)) {
alert("prenom invalide");
}
tel = [Link]("tel").value;
if ([Link] != 8 || parseInt(tel[0] < 2)) {
alert("Tél invalide");
}
adresse = [Link]("adresse").value;
if ([Link] < 8) {
alert("adresse invalide");
}
mdp1 = [Link]("mdp1").value;
if ([Link] != 6 || [Link](" ") >= 0) {
alert("Mot de passe invalide");
}
mdp2 = [Link]("mdp2").value;
if (mdp1 != mdp2) {
alert("Mots de passe non identiques");
}

function verif2() {
opt = [Link]("opt").selectedIndex;
if (opt < 1) alert("vous devez sélectionner une pizza!");
qte = [Link]("qte").value;
if (parseInt(qte) < 1 || parseInt(qte) > 5 || qte == "") alert("la quantité doit entre entre 1
et 5");
mdp1 = [Link]("mdp1").value;
if ([Link] != 6 || [Link](" ") >= 0) {
alert("Mot de passe invalide");
}
tel = [Link]("tel").value;
if ([Link] != 8 || parseInt(tel[0] < 2)) {
alert("Tél invalide");
}
}

Vous aimerez peut-être aussi