Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: JavaScript (jQuery) kysymys

Sivun loppuun

punppis [21.04.2011 19:51:29]

#

Yritän tehdä jQueryllä sellaista systeemiä, että sivu ladataan valmiiksi kokonaan ja näytetään vasta sitten käyttäjälle kivalla feidauksella.

Koodi toimii muuten ok, mutta ennenkuin sivu ehditään piilottaa kuvien latauksen ajaksi, ruudulla vilahtaa osa elementeistä (koska DOM ei ole vielä ladannut loppuun).

Onko tähän mitään konstia, jolla saisi kamat piilotetuksi ennenkuin DOM on ladannut loppuun. Käytännössä kaikki pitää tehdä JavaScriptillä, koska sivun pitää toimia myös ilman sitä.

$(document).ready(function() {
	$("body").fadeOut(0);
	$("img").imagesLoaded(function() {
		$("body").fadeIn(1000);
	});
});

qeijo [21.04.2011 19:59:36]

#

Laita body ensisijaisesti piiloon => <body style="display: none;">

Ja sitten kun sivu on valmis..

$(document).ready(function() {

    $("img").imagesLoaded(function() {
        $("body").fadeIn(1000);
    });

});

Metabolix [21.04.2011 20:10:22]

#

Voit piilottaa bodyn JS:llä ennen muuta sisältöä.

<body>
  <script type="text/javascript">
    document.body.style.display = "none";
  </script>
...

qeijo, miettisit vähän ennen vastaamista. Taaskaan ratkaisusi ei käy, koska sivu ei toimisi ilman JS:ää. Eikä ollut ensimmäinen kerta.

qeijo [21.04.2011 20:24:53]

#

Metabolix kirjoitti:

qeijo, miettisit vähän ennen vastaamista. Taaskaan ratkaisusi ei käy, koska sivu ei toimisi ilman JS:ää. Eikä ollut ensimmäinen kerta.

Olet oikeassa, en lukenut kysymystä täysin loppuun, sama ajatus kuitenkin..
Metabolix tämä on keskustelufoorumi, älä ota sitä liian vakavasti.. olet aina yhtä ihq.. <3

Janz [21.04.2011 20:47:24]

#

qeijo kirjoitti:

Metabolix kirjoitti:

qeijo, miettisit vähän ennen vastaamista. Taaskaan ratkaisusi ei käy, koska sivu ei toimisi ilman JS:ää. Eikä ollut ensimmäinen kerta.

Olet oikeassa, en lukenut kysymystä täysin loppuun, sama ajatus kuitenkin..
Metabolix tämä on keskustelufoorumi, älä ota sitä liian vakavasti.. olet aina yhtä ihq.. <3

Ehkä kumminkin parempi että autetaan kerralla oikein eikä heitetä vähän jotain sinne päin lukematta edes koko kysymystä ajatuksella läpi.

qeijo [21.04.2011 21:15:46]

#

Janz kirjoitti:

qeijo kirjoitti:

Metabolix kirjoitti:

qeijo, miettisit vähän ennen vastaamista. Taaskaan ratkaisusi ei käy, koska sivu ei toimisi ilman JS:ää. Eikä ollut ensimmäinen kerta.

Olet oikeassa, en lukenut kysymystä täysin loppuun, sama ajatus kuitenkin..
Metabolix tämä on keskustelufoorumi, älä ota sitä liian vakavasti.. olet aina yhtä ihq.. <3

Ehkä kumminkin parempi että autetaan kerralla oikein eikä heitetä vähän jotain sinne päin lukematta edes koko kysymystä ajatuksella läpi.

Kerralla aina kaikki oikein.

jh00 näin teemme, kiitos kun kerroit kaikille tämän salaisuuden. Parempi kertoa oikein kuin väärin. Ja mieluiten heti ensimmäisellä kerralla. :D

Jokotai [21.04.2011 21:42:16]

#

qeijo kirjoitti:

Janz kirjoitti:

qeijo kirjoitti:

Metabolix kirjoitti:

qeijo, miettisit vähän ennen vastaamista. Taaskaan ratkaisusi ei käy, koska sivu ei toimisi ilman JS:ää. Eikä ollut ensimmäinen kerta.

Olet oikeassa, en lukenut kysymystä täysin loppuun, sama ajatus kuitenkin..
Metabolix tämä on keskustelufoorumi, älä ota sitä liian vakavasti.. olet aina yhtä ihq.. <3

Ehkä kumminkin parempi että autetaan kerralla oikein eikä heitetä vähän jotain sinne päin lukematta edes koko kysymystä ajatuksella läpi.

Kerralla aina kaikki oikein.

jh00 näin teemme, kiitos kun kerroit kaikille tämän salaisuuden. Parempi kertoa oikein kuin väärin. Ja mieluiten heti ensimmäisellä kerralla. :D

Yleensä tämä on mahdotonta aloituspostaajan epämääräisistä kysymyksistä johtuen kuten "Minä vahingossa ohjelman, onko paha?"-tapauksissa on todella vaikeaa ymmärtää edes kysymystä. Mutta nyt kyllä oli asiallinen ja kattava kysymys. Mieluummin ei vastata, jos ei ymmärrä kysymystä. Tietenkään aina ei voi onnistua ja joskus on myös perjantai, mutta toistuva pieleen vastaaminen on ärsyttävää. punppis onneksi osannee ohjelmointia sen verran hyvin, että huomaa virheen, mutta aloittelijalla olisi voinut mennä sormi suuhun tässä tilanteessa.

ankzilla [22.04.2011 21:40:17]

#

Kauhea whine pienestä virheestä :D

jimi-kimi [23.04.2011 05:05:19]

#

"Käytännössä kaikki pitää tehdä JavaScriptillä, koska sivun pitää toimia myös ilman sitä." <-- Aloitus viestistä..


Sivun alkuun

Vastaus

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

Tietoa sivustosta