| Autor | Zpráva | ||
|---|---|---|---|
| Pavelxyz Profil * |
#1 · Zasláno: 6. 11. 2010, 13:47:32
Ahoj,
potřeboval bych radu mám <div id="box1"></div><div id="box2"></div><div id="box3"></div> Potřebuji nějak skrýt všechny najednou a jelikož počet bude různě dynamicky generován tak fixní css nestačí. Díky za radu. |
||
| N73 Profil |
#2 · Zasláno: 6. 11. 2010, 14:15:40
display: none; nebo pomoci Javascriptu |
||
| joe Profil |
#3 · Zasláno: 6. 11. 2010, 14:24:40
Pokud máš všechny pojmenované boxN, kde N je číslo od 1..N, tak pak můžeš použít cyklus
for(var i = 1; i < 3; i++) {
document.getElementById("box" + i).style.display = 'none';
} |
||
| Pavelxyz Profil * |
#4 · Zasláno: 6. 11. 2010, 14:55:26
Display vím, ale šlo mi o pojmenování. Nemůžu do css přeci dát
box1,box2,box3...........box55{ } Javascript mě napadl, ale není nějaké elegantnější řešení? |
||
| margin Profil * |
#5 · Zasláno: 6. 11. 2010, 15:37:21
Nejjednodušší je použít další obalový DIV, nějak takto:
<style>
div#schovat div {display: none;}
</style>
<div id="schovat">
<div id="box1"></div><div id="box2"></div><div id="box3"></div>
</div>Předpokládám, že ukázka, kterou jsi sem dal, je zjednodušená, takže je možné, že ji budeš muset upravit. Pokud nebudeš vědět, jak na to, dej upřesňující dotaz nejlépe s odkazem na ukázku. |
||
| Pavelxyz Profil * |
#6 · Zasláno: 6. 11. 2010, 21:13:28
Margine to je také prolbém. Je to totiž trosku složitější.
<div id="neskryt1"> text text <div id="skryrt1"></div> </div> <div id="neskrytX"> text text <div id="skryrtX"></div> </div> . . . Takže oblame to také nepůjde:( |
||
| http Profil |
#7 · Zasláno: 8. 11. 2010, 15:37:40 · Upravil/a: http
Opravuji:
jQuery:
$("#skryt").click(function(){
$(".x").hide();
return false;
});
html:
<a href="#" id="skryt">Skrýt</a>
<div id="schovat1">
<div id="box1" class="x">1</div>
<div id="box2" class="x">2</div>
<div id="box3" class="x">3</div>
</div>
<div id="schovat2">
<div id="box1" class="x">1</div>
<div id="box2" class="x">2</div>
<div id="box3" class="x">3</div>
</div>
|
||
| Chamurappi Profil |
#8 · Zasláno: 8. 11. 2010, 15:48:15
Reaguji na http:
Neodpovídáš na otázku, z [#6] je zřejmé, že nemají společného rodiče a tvůj skript skrývá i odstavec. Reaguji na Pavlaxyz: Asi je naivní předpokládat, že tě to nenapadlo, ale nemůžeš dát všem těm <div>ům určitou třídu?
V novějších prohlížečích (ve standardním režimu) bys možná mohl použít selektor zaměřující všechny <div>y s id začínajícím na „box“:
*[id^="box"] { display: none; } |
||
|
Časová prodleva: 13 let
|
|||
0