Autor Zpráva
Pavelxyz
Profil *
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
display: none;

nebo pomoci Javascriptu
joe
Profil
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 *
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 *
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 *
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
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
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; }
Na tvém místě bych použil i ten zmíněný JavaScript.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: