Pb Bouton case a cocher

Version imprimable

26/02/2007, 15h18
sephirothmana

Pb Bouton case a cocher

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
;) ;)
26/02/2007, 15h48
kalyparker

Bonjour,

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

voili, voilou
26/02/2007, 15h52
sephirothmana

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

Oki :
Dans ton bouton :

Code:

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:

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
}

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:

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

26/02/2007, 16h42
kalyparker

Code:

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

Je vois pas bien ce que tu veux faire là :koi:
26/02/2007, 16h44
sephirothmana

si la case cbsemaine est cocher j'ouvre le fichier texte 3.bmp
26/02/2007, 16h47
kalyparker

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...
26/02/2007, 16h53
sephirothmana

j'ai essaye de faire

Code:

window.open(test3.bmp)

mais ca marche pas:oops: :oops:
27/02/2007, 09h27
kalyparker

Bonjour,

Pour ouvrir ton image utilise ce morceau de code :

Code:

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 8O

Voili, voilou
27/02/2007, 11h09
sephirothmana

Merci ca marche du tonnerre
A bientot :king: :king: :king:
Les progrès sont constant mais ne ménent ils pas à la ruine
27/02/2007, 11h12
E.Bzz

Citation:

Envoyé par kalyparker

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

+1 : pitié pour les 56K :mrgreen:

A+
27/02/2007, 11h30
kalyparker

Citation:

Merci ca marche du tonnerre
A bientot
Les progrès sont constant mais ne ménent ils pas à la ruine

N'oublie pas de mettre le sujet à résolu ;)
@+