Source de formjsselon.html
1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2: <HTML>
3: <HEAD>
4: <TITLE>Selon réponse</TITLE>
5: <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
6: <link REL="stylesheet" TYPE="text/css" HREF="https://fabien-torre.fr/include/css/ft-v1.css">
7: <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
8:
9: function check() {
10:
11: if (document.F.glace1[0].checked) {
12: if (document.F.glace2choc.value == "") {
13: alert("Répondez à la question 2 !");
14: document.F.glace2choc.focus();
15: return false;
16: } else if (document.F.glace2frai.value != "") {
17: alert("Ne répondez pas à la question 3 !");
18: document.F.glace2frai.value = "";
19: document.F.glace2frai.focus();
20: return false;
21: } else {
22: return true;
23: }
24:
25: } else if (document.F.glace1[1].checked) {
26:
27: if (document.F.glace2frai.value == "") {
28: alert("Répondez à la question 3 !");
29: document.F.glace2frai.focus();
30: return false;
31:
32: } else if (document.F.glace2choc.value != "") {
33: alert("Ne répondez pas à la question 2 !");
34: document.F.glace2choc.value = "";
35: document.F.glace2choc.focus();
36: return false;
37: } else {
38: return true;
39: }
40:
41: } else {
42: alert("Répondez à la première question.\n");
43: return false;
44: }
45:
46: return true;
47:
48: }
49: </script>
50: </HEAD>
51: <BODY>
52:
53: <DIV CLASS="menu">
54: <DIV CLASS="partmenu">
55: <UL>
56: <LI> voir le <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/formjsselon.html.src">code de cette page</A>
57: <LI> retour à la page des
58: <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/">Travaux pratiques JavaScript</A>
59: <LI> retour à la page de <A HREF="https://fabien-torre.fr/">Fabien Torre</A>
60: </UL>
61: </DIV>
62: </DIV>
63: <DIV CLASS="page">
64:
65: <H1>Selon réponse</H1>
66:
67:
68: <div class="presentation">
69: Selon la réponse à la première question, on est orienté vers des parties différentes
70: du questionnaire.
71: </div>
72:
73:
74:
75: <FORM NAME="F" onSubmit="return check()" ACTION="gagne.php" METHOD="post">
76:
77: <ol>
78: <li> Quelle est votre glace préférée ?<br>
79: <input type="radio" name="glace1" value="choc" onClick="document.F.glace2choc.focus();"> Chocolat
80: <em>(ne répondez qu'à la question 2)</em><br>
81: <input type="radio" name="glace1" value="frai" onClick="document.F.glace2frai.focus();"> Fraise
82: <em>(passez à la question 3)</em><br>
83: </li>
84:
85: <li> Quel est selon vous le parfum idéal pour accompagner le chocolat ?<br>
86: <input type="text" name="glace2choc">
87: </li>
88:
89: <li> Quel est selon vous le parfum idéal pour accompagner la fraise ?<br>
90: <input type="text" name="glace2frai">
91: </li>
92:
93: </ol>
94:
95: <br>
96: <INPUT TYPE="submit">
97: </FORM>
98:
99: <br><br>
100: <hr>
101: <div class="pied">
102: © <script type="text/javascript">
103: <!--
104: eval(unescape(
105: '%76%61%72%20%65%3d%27%66%61%62%69%65%6e%2e%74%6f%72%72'+
106: '%65%27%2b%27%40%27%2b%27%75%6e%69%76%2d%6c%69%6c%6c%65'+
107: '%33%2e%66%72%27%3b%76%61%72%20%74%3d%27%46%61%62%69%65'+
108: '%6e%20%54%6f%72%72%65%27%3b%64%6f%63%75%6d%65%6e%74%2e'+
109: '%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61'+
110: '%69%6c%74%6f%3a%27%2b%65%2b%27%22%3e%27%2b%74%2b%27%3c'+
111: '%2f%61%3e%27%29')); //-->
112: </script>
113:
114: <a href="http://validator.w3.org/check/referer"><img src="https://fabien-torre.fr/Images/valid-xhtml10.png" alt="Valid XHTML 1.0!" height="31" width="88" /></a>
115: <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://fabien-torre.fr/include/css/ft-v1.css"><img style="width:88px;height:31px" src="https://fabien-torre.fr/Images/vcss.png" alt="Valid CSS!" /></a>
116: </div>
117: </div>
118:
119: </BODY>
120: </HTML>