Discussion :

[hammourabi]

Bonjour,

Excusez ma question qui est certainement très basique, mais je n'ai pas trouvé la réponse. J'aimerai que lorsque ma page charge aucune de mes div n'apparaisse. J'ai essayé de créer une div sans contenu que j'ai placé en premier, mais rien n'y fait. Le contenu de ma " div id="1" " apparaît toujours.


Voici mon code pour une meilleure compréhension.

Code :

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

1
2
3
4
5
6
7
8
9
10
function catsel(sel) {
    //if (sel.value=="-1" ) return;
    var opt=sel.getElementsByTagName("option" );
    for (var i=0; i<opt.length; i++) {
        var x=document.getElementById(opt[i].value);
        if (x) x.style.display="none";
    }
    var cat = document.getElementById(sel.value);
    if (cat) cat.style.display="block";
}

Code html :

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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
</br>
             <select onchange="catsel(this)">
          <option value="-1" selected="selected">Où voulez-vous vous rendre ?</option>
           <optgroup label="Service communaux">
            <option value="1">Population - Etat civil - Casier Judiciaire</option>
            <option value="3">Travaux</option>
            <option value="4">CPAS et affaires sociales</option>
            <option value="5">Etrangers</option>
            <option value="2">Autres services</option>
           </optgroup>
           <optgroup label="Mairies de quartiers">
           	<option value="6">Mairie de quartier - Boncelles</option>
            <option value="7">Mairie de quartier - Mabotte</option>
            <option value="8">Mairie de quartier - Verriers</option>
            <option value="9">Mairie de quartier - Wuidar</option>
            <option value="10">Mairie de quartier - Pairay</option>
            <option value="11">Mairie de quartier - Brossolette</option>
           </optgroup>
 
           <optgroup label="Bibliothèques">
            <option value="12">Bibliothèque - Jardin perdu</option>
            <option value="13">Bibliothèque - Boncelles</option>
            <option value="14">Centre de lecture et de documentation publique Ange-Raymond Gilles</option>
            <option value="15">Bibliothèque - Val Saint Lambert</option>
            <option value="16">Bibliothèque - Morchamps</option>
            <option value="17">Bibliothèque - Six Bonniers</option>
            <option value="18">Bibliothèque « Espace Livre Plaisir »</option>
            <option value="19">Bibliothèque - Cité</option>
            <option value="20">Bibliothèque - Centenaire</option>
           </optgroup>
 
   </select>
    <div id="-1" style="display:block">
                            </div>
          <div id="1" style="display:block">
         <ul><li><b>Lundi au vendredi</b> : de 08h00 à 11h30 </li>
			   <li><b>Mercredi</b> : de 13h00 à 16h30 </li>
			   <li><b>Samedi</b> : de 09h00 à 11h25 - Uniquement pour la demande de confection ou le retrait d'une carte d'identité belge (adulte ou enfant)</li>
			</ul>
                   </div>
          <div id="2" style="display:none">
            <p><ul><li><b>Lundi au jeudi</b> : de 07h45 à 12h00 et de 12h45 à 17h00</li>
            		<li><b>Vendredi</b> : 07h45 à 12h45</li>
            	</ul>
          </div>
          <div id="3" style="display:none">
           <ul><li><b>mardi</b> : de 7h30 à 11h45 et de 12h30 à 14h45 </li>
			   <li><b>jeudi</b> : de 12h30 à 14h45 </li>
			   <li><b>vendredi</b> : de 7h30 à 11h45</li>
		   </ul>
          </div>
          <div id="4" style="display:none">
           <p><b>Lundi au vendredi</b> : de 9h00 à 12h00 et de 14h00 à 16h00.</p>
          </div>
          <div id="5" style="display:none">
            <ul><li><b>Lundi au vendredi</b> : de 08h00 à 11h30 </li>
			   <li><b>Mercredi</b> : de 13h00 à 16h30 </li>
			</ul>
          </div>
          <div id="6" style="display:none">
           	<ul><li><b>Lundi</b> : 9h00 à 12h30 et de 14h00 à 18h15</li>
			<li><b>mecredi et jeudi</b> : 9h00 à 12h30 et de 14h00 à 16h30</li>
			<li><b>le troisième samedi de chaque mois</b>  : 10h00 à 12h00</li></ul>
          </div>
          <div id="7" style="display:none">
            <strong><p> <span style="text-decoration: underline;"><b>Pour le service administratif</b> </span></p></strong>
<ul>
<li><b>Mardi </b> : 9h00 &agrave; 12h30 et de 14h00 &agrave; 16h30</li>
</ul>
<p><span style="text-decoration: underline;"><b>Pour les permanences des service des Affaires sociales</b> </span></p>
<ul>
<li><b>le 1er mardi de chaque mois</b> : 14h00 &agrave; 16h00 <strong><span style="text-decoration: underline;">sur rendez-vous uniquement</span></strong></li>
</ul>
<strong><p><span style="text-decoration: underline;"><b>Pour les permanences des services de Police</b></span> </p></strong>
<ul>
<li ><b>Mardi</b> : 14h00 &agrave; 16h30</li>
<li ><b>le quatri&egrave;me samedi de chaque mois</b> : 10h00 &agrave; 12h00</li>
          </div>
          <div id="8" style="display:none">
            <p ><strong> <span style="TEXT-DECORATION: underline">Pour le service administratif</strong> </span></p>
<ul>
<li><b>Lundi, mardi, jeudi et&nbsp;vendredi </b>: 9h00 &agrave; 12h30 et de 14h00 &agrave; 16h30 </li>
<li><b>Mercredi</b> : 9h00 &agrave; 12h30 et de 14h00 &agrave; 18h15 </li>
<li><b>Le&nbsp;premier samedi de chaque mois </b>: 10h00 &agrave; 12h00 </li>
</ul>
<p> <strong><span style="TEXT-DECORATION: underline">Pour les permanences des assistants sociaux du C.P.A.S.&nbsp;</span></p></strong>
<ul>
<li><b>Mercredis</b> : 9h00 &agrave; 11h00&nbsp;</li>
</ul>
<p ><strong> <span style="TEXT-DECORATION: underline">Pour les permanences des services de Police</span></p></strong>
<ul>
<li ><b>Lundi </b>: 9h00 &agrave; 11h00&nbsp;</li>
<li><b>le&nbsp;premier samedi de chaque mois </b>: 10h00 &agrave; 12h00 </li>
</ul>
          </div>
  <div id="9" style="display:none">
       <p > <strong><span style="TEXT-DECORATION: underline"><b>Pour le service administratif </b></span></strong></p>
<ul>
<li ><b>Lundi, mardi, mercredi et vendredi</b> : 9h00 &agrave; 12h30 et de 14h00 &agrave; 16h30 </li>
<li ><b>Jeudi</b> : 9h00 &agrave; 12h30 et de 14h00 &agrave; 18h15&nbsp; </li>
<li ><b>le&nbsp;deuxi&egrave;me samedi de chaque mois</b> : 10h00 &agrave; 12h00 </li>
</ul>
<p ><strong> <span style="TEXT-DECORATION: underline"><b>Pour&nbsp;les permanences des assistants sociaux du C.P.A.S&nbsp;</b></span></strong></p>
<ul>
<li ><b>Mardi&nbsp;</b>: 9h00 &agrave; 12h00 (antenne sociale)</li>
<li ><b>Mardi </b>: 13h30 &agrave; 16h00 (cellule &eacute;nergie)&nbsp;</li>
</ul>
<p > <strong><span style="TEXT-DECORATION: underline"><b>Pour les journ&eacute;es consulaires de l'ambassade de la R&eacute;publique de Croatie</b> </span></strong></p>
<ul>
<li ><b>le&nbsp;deuxi&egrave;me samedi de chaque mois</b> : 10h00 &agrave; 12h00 (except&eacute; juillet-ao&ucirc;t)</li>
</ul>
<br style="CLEAR: both" /></div>
    <div id="10" style="display:none">
          <p><strong>Lundi au vendredi</strong> : 09h00 &agrave; 12h30 et de 14h00 &agrave; 16h30 sauf <strong>le mardi</strong> o&ugrave; la mairie ouvre jusqu'&agrave;&nbsp;18h15.</p></div>
      <div id="11" style="display:none">
       <ul>
<li ><b>Lundi</b> : 9h00 &agrave; 12h30 et de 14h00 &agrave; 18h15</li>
<li ><b>Mecredi et jeudi</b> : 9h00 &agrave; 12h30 et de 14h00 &agrave; 16h30</li>
<li ><b>le quatri&egrave;me samedi de chaque mois</b> : 10h00 &agrave; 12h00 </li>
</ul>
</div>
<div id="12" style="display:none">
           	<ul ><li><b>Lundi et mercredi</b>&nbsp;: de 11h à 19h </li><li><b>Mardi et vendredi</b>&nbsp;: de 14h à 18h</li><li><b>Samedi&nbsp;</b>: de 9h à 13h</li><li><b>Pendant les vacances scolaires</b> : la bibliothèque ferme à 17h les lundis et mercredis.</li></ul></div>
<div id="13" style="display:none">
           	<ul><li><b>Mardi</b> : 14h00 à 17h00</li>
			<li><b>Jeudi</b> : 15h00 à 19h00</li>
			<li><b>Samedi</b>  : 09h00 à 13h00</li>
			<li><b>En juillet</b> : Ouvert uniquement le jeudi</li>
			<li><b>En Août</b> : Ouvert uniquement le samedi</li>
		</ul>
          </div>
<div id="14" style="display:none">
           	<ul><li><b>Lundi</b> : 15h00 à 18h00</li>
			<li><b>Mercredi</b> : 12h00 à 17h00</li>
			<li><b>Samedi</b>  : 10h00 à 12h00</li>
			<li><b>Pendant les vacances scolaires</b> : la bibliothèque est ouverte uniquement le lundi.</li>
			</ul>
 
          </div>
 <div id="15" style="display:none">
           	<ul><li><b>Mardi</b> : 15h00 à 18h00</li>
			<li><b>Jeudi</b> : 14h00 à 17h00</li>
			<li><b>Pendant les vacances scolaires</b> : la bibliothèque est ouverte uniquement le jeudi.</li>
 
		</ul>
			</div>
  <div id="16" style="display:none">
           	<ul><li><b>Lundi</b> : 14h00 à 18h00</li>
			<li><b>Jeudi</b> : 13h00 à 17h00</li>			
			<li><b>Pendant les vacances scolaires</b> : la bibliothèque est ouverte uniquement le jeudi.</li>
</ul>
 
          </div>   
   <div id="17" style="display:none">
           	<ul><li><b>Lundi</b> : 14h00 à 18h00</li>
			<li><b>Jeudi</b> : 13h00 à 17h00</li>
			<li><b>Pendant les vacances scolaires</b> : la bibliothèque est ouverte uniquement le lundi.</li>
</ul>	
          </div>
    <div id="18" style="display:none">
           	<ul><li><b>Mardi</b> : 15h00 à 18h00</li>
			<li><b>Vendredi</b> : 14h00 à 17h00</li>
			<li><b>Pendant les vacances scolaires</b> : La bibliothèque est ouverte uniquement le vendredi.</li></ul>
 
          </div>
    <div id="19" style="display:none">
           	<ul><li><b>Mercredi et vendredi</b> : 13h30 à 17h30</li>
			<li><b>Pendant les vacances scolaires</b> : La bibliothèque est ouverte uniquement le mercredi.</li></ul>
          </div>
    <div id="20" style="display:none">
           	<ul><li><b>Lundi</b> : 16h00 à 19h00</li>
			<li><b>Mercredi</b> : 13h00 à 17h00</li>
			<li><b>Samedi</b>  : 9h00 à 12h00</li>
			<li><b>En juillet</b> : Ouvert uniqmeent le samedi</li>
			<li><b>En Août</b> : Ouvert uniqmeent le mercredi</li>
			</ul>
          </div>

[Bovino]

ma " div id="1" " apparaît toujours

C'est peut-être parce que c'est ce que tu lui demandes :

Code html :

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

<div id="1" style="display:block">

D'autre part, évite les id uniquement numériques (voire les id négatifs...), s'ils sont autorisés depuis HTML5, CSS ne les prend en revanche pas en compte.