Pb Bouton case a cocher

**sephirothmana** · 26/02/2007, 15h18

Bonjour,
J'ai créer une page HTML avec des cases à cocher et je voudrais qu'en fonction des cases selectionnés , je puisse en appuyant sur un bouton
afficher different pdf .
Merci de m'aider

**kalyparker** · 26/02/2007, 15h48

Bonjour,

teste lorsque tu appuis sur le bouton quelle coche est selectionné (avec la propriété checked) et lance le pdf correspondant.

voili, voilou

**sephirothmana** · 26/02/2007, 15h52

excuse moi mais je ne conai pas enormement de chose au java script
comment faire pour poser faire le test avec le bouton
???

**kalyparker** · 26/02/2007, 16h07

Oki :
Dans ton bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<input type="button" value="click me" onclick="javascript:mafonction()">
<input type="checkbox" id="check1">
<input type="checkbox" id="check2">

dans ton js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function mafonction()
{
if (document.getElementById("check1").checked) 
// lancement pdf correspondant
if (document.getElementById("check2").checked) 
// lancement pdf correspondant
}

**sephirothmana** · 26/02/2007, 16h37

Desoel mais je n'arrive pas a faire marhcer le scripts ie 7 me dit qu'il ya des erreurs dans la page.
je mets le code source de ma page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <script language="JavaScript"> function mafonction()
{
if (document.getElementById("cbSemaine").checked) test3.bmp
}
  </script>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>EtudeCemavil</title>
</head>
<body>
<form method="get">
  <div style="text-align: center;"><img
 style="width: 222px; height: 42px;" alt=""
 src="images/Logo_Cemavil_doc_word3.bmp"><br>
  <br>
  <br>
  <div style="text-align: left;"><big><big><big>Configuration
d'une &eacute;tude</big></big></big><br>
  <br>
  <br>
  <span style="text-decoration: underline;">P&eacute;riode
:</span><br>
  <br>
  <br>
Date de d&eacute;but de p&eacute;riode <input size="10"
 name="DateDeDebut" type="texte">
Date de fin de p&eacute;riode <input size="10"
 name="DateDeFin" type="texte">
  <span style="text-decoration: underline;"><br>
  <br>
  <br>
Choix des
jours </span><br style="text-decoration: underline;">
  <br>
  <br>
  <input id="cbLundi" type="checkbox">Lundi&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; <input id="cbMardi"
 type="checkbox">Mardi&nbsp;&nbsp;&nbsp; <br>
  <input id="cbMercredi" type="checkbox">Mercredi&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; <input id="cbJeudi"
 type="checkbox">Jeudi<br>
  <input id="cbVendredi" type="checkbox">Vendredi&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; <input id="cbSamedi" type="checkbox">Samedi<br>
  <input id="cbDimanche" type="checkbox">Dimanche<br>
  <input id="cbSemaine" type="checkbox">Toute la
semaine<br>
  <br>
  <span style="text-decoration: underline;">Zone </span><br>
  <br>
  <br>
  <input name="cacRue1" type="checkbox"> 1 cours
Gambetta&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 2 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 3 cours
Gambetta&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 4 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 5 cours
Gambetta&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 6 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 7 cours
Gambetta&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 8 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 9 cours
Gambetta&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 10 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 11 cours
Gambetta&nbsp; &nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 12 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 13 cours
Gambetta&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 14 cours Gambetta<br>
  <input name="cacRue1" type="checkbox"> 15 cours
Gambetta&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> 16 cours
Gambetta&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<br>
  <br>
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;<br>
  <span style="text-decoration: underline;">Type de place</span><br
 style="text-decoration: underline;">
  <br>
  <br>
  <input name="cacRue1" type="checkbox"> Normale
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
 name="cacRue1" type="checkbox"> &nbsp;Livraison<br>
  <input name="cacRue1" type="checkbox">
Handicap&eacute;es &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; <input name="cacRue1"
 type="checkbox"> Taxis<br>
  <input name="cacRue1" type="checkbox"> Police
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp;&nbsp; <input name="cacRue1"
 type="checkbox"> Interdites<br>
  <input name="cacRue1" type="checkbox"> Banques<br>
  <br>
  <br>
  <span style="text-decoration: underline;">Affichage de
l'&eacute;tat<br>
  <br>
  <br>
  <input value="click me" onclick="javascript:mafonction()"
 type="button">
  </span>
  <div style="position: absolute; left: 8px; top: 90px;"></div>
  </div>
  </div>
</form>
</body>
</html>

Merci de voir ce que tu peux faire

**kalyparker** · 26/02/2007, 16h42

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("cbSemaine").checked) test3.bmp

Je vois pas bien ce que tu veux faire là

**sephirothmana** · 26/02/2007, 16h44

si la case cbsemaine est cocher j'ouvre le fichier texte 3.bmp

**kalyparker** · 26/02/2007, 16h47

Ah ben oui, mais javascript il ne peux pas le deviner...
Pour ouvrir une fenetre il faut utiliser window.open

Une petite recherche sur le forum ou même sur le site s'impose...

**sephirothmana** · 26/02/2007, 16h53

j'ai essaye de faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.open(test3.bmp)

mais ca marche pas

**kalyparker** · 27/02/2007, 09h27

Bonjour,

Pour ouvrir ton image utilise ce morceau de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.open('test3.bmp','image','height=800,width=600');

Il faut alors que ton image se trouve là où se situe ton html !

Par contre sur le web, les bitmaps sont a bannir (trop volumineux !!)

De plus si tu n'y connais vraiment rien en js, je te conseil d'aller voir les tuto du site pour y voir un peu plus clair

Voili, voilou