Keskustelu: Nettisivujen teko: Divin piilottaminen

Short Php [18.01.2008 19:34:29]

Sain divin piilotettua js:ällä display = block:illa, mutta en saa sitä enää takaisin näkyviin display = block:illa. Mikä on vikana?

E: Johtuisikohan se scriptistä mitä käytän sivuilla?

function mydiv(divid, whatido) {
if (whatido == 1) {
divid.style.display = "none"; //piilota
}
else {
divid.style.display = "block"; //näytä
}
}

Triskal [18.01.2008 21:29:34]

Kokeile näin:

divid.style.display = ""; //näytä

Toimii minulla.

Short Php [19.01.2008 09:23:24]

Jep. Sain toimimaan jotenkuten ilman Triskalin neuvojakin. Jotenkin purkkamainen mutta hyvä jos tästä apua muillekkin.

function hidemydiv() {
document.getElementById('mydiv').style.display = "none";
}
function showmydiv() {
document.getElementById('mydiv').style.display = "block";
}

Hakoulinen [19.01.2008 10:54:21]

function hidemydiv(div) {
document.getElementById(div).style.display = "none";
}
function showmydiv(div) {
document.getElementById(div).style.display = "block";
}

Noin ei taida olla ihan niin purkkaa. En syntaksista ole varma.

tsuriga [19.01.2008 13:05:58]

Parametrin nimi vois olla ehkä mieluummin id, ettei tuota luule siksi div-elementiksi. Koska voihan sen näinkin:

function hideMyDiv(div) {
  div.style.display = "none";
}

function showMyDiv(div) {
  div.style.display = "block";
}

kayttaja-2791 [19.01.2008 13:38:57]

Mainitaan nyt ohimennen kuinka jotkin tälläiset perusasiat hoituvat ilmaisella JQuery-kirjastolla:

$("#mydivid").hide(); //piilottaa kyseisen id:n css elementin
$(".mydivclass").show(); //näyttää kyseisen classin kaikki

$("span:first").toggle(); //piilottaa jos on näkyvillä ensimmäisen span elementin ja päinvastoin
$("div:hidden").show(500); //tuo piilotetut divin häivyttämällä esiin 500ms viiveellä
$("div:visible").hide(500); //piilottaa näkyvät divit häivyttämällä

Documentaatiosta luonnollisesti löytyvät nämä ja paljon lisää:
http://docs.jquery.com/Main_Page

</mainos> :)

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen

Haku

Tehtävät

Kilpailu