Preload af side

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY onLoad=\"document.getElementById(\'loading\').style.visibility = \'hidden\';    document.getElementById(\'siden\').style.visibility = \'visible\';\">
    <DIV id=\"loading\" style=\"position: absolute; visibility: visible;\">Loading....<IMG src=\"test.jpg\"></DIV>
    <DIV id=\"siden\" style=\"visibility: hidden;\">Sidens indhold</DIV>
</BODY>
</HTML>

Dette skulle vise det der står i mellem de to første DIV-tags mens den loader, og derefter det mellem de næste to DIV-tags

<ole>
Hvorfor vender du ikke denne side - du i øjeblikket sidder og læser - om på vrangen og kopierer, hvad Eksperten gør? Det er der masser af andre, der har gjort i tidens løb  =oD
/mvh
</bole>

speedy >> Hvorfor VIL du ikke have, alle de med Win98 kan bruge det, du laver?
Dit script duer ikke i IE4.x - og det har alle de rigtig mange, der stadig kører Win98.
/mvh

jeg kan godt huske du skrev noget om det i et af mine gamle spørgsmål, men nu er det sådan at jeg ikke kan huske hvordan det er med hvilke browsere der kan hvad, og hvilke der ikke kan.

Så jeg bruger bare den jeg selv kan huske, og som virker hos mig ;)

Men jeg har da ikke noget imod hvis du fortalte det igen hvordan og hvorledes ;)

/SpEeDy

men da jeg i sin tid (for et halvt år siden ;) lærte javascript, lærte jeg kun den med getElementById, og derfor sidder den som en \"vane\" når jeg laver JS.

/SpEeDy

Du har ret Ole man burde kunne bruge denne fra Eksperten men det kunne jeg heller ikke få til at virke. Enten går der noget tabt i PHP\'en når man viser kilden eller osse har jeg klokket i det et eller andet sted hummm...

Kender i andre sider der bruger en preloader som ikke er lavet i Flash som man kunne \"låne\" ?

/Reflex

Okay  ;o)
Efter den \'nye\' DOM (Document Object Model), som bl.a. er implementeret i IE5+ og NS6+, hedder det:
  document.getElementById(\"din_ID\")
I IE4.x hedder det:
  document.all[\"din_ID\"]  eller  document.all.din_ID
I NS¤.x hedder det:
  document.layers[\"din_ID\"]  eller  document.layers.din_ID
/mvh

Kan man i øvrigt ikke lave det i PHP og ville det ikke være en fordel?

/Reflex

olebole>>Tak! ;)

reflex>> mit det virker da. Prøv det ;)

Herunder har jeg omskrevet det så det virker til IE4.x og større ;)

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY onLoad=\"document.all[\'loading\'].style.visibility = \'hidden\';    document.all[\'siden\'].style.visibility = \'visible\';\">
    <DIV id=\"loading\" style=\"position: absolute; visibility: visible;\">Loading....<IMG src=\"test.jpg\"></DIV>
    <DIV id=\"siden\" style=\"visibility: hidden;\">Sidens indhold</DIV>
</BODY>
</HTML>

/SpEeDy

Tja den virker måske, men jeg troede bare at preloaderen gemte siden indtil at var loadet ind for så at vise det hele til sidst.

Og ikke bare fortæller hvornår en side startes på at, blive loadet og hvornåd den er færdig.

/Reflex

det gør den da også. Mit eksempel viser \"Loading....\" indtil siden er indlæst, og så viser den hele siden derefter. Er det ikke det du vil ?? Så forstår jeg ikke dit spm.

/SpEeDy

speedy >> Din virker kun í IE. Ekspertens virker - når den bliver renset for de værste fejl - mere X-browser:

<HTML>
<HEAD>

<SCRIPT TYPE=\"text/javascript\" LANGUAGE=\"JavaScript\">
    ns4 = (document.layers) ? true:false;
    ie4 = (document.all) ? true:false;

    function preload () {
        if (ns4) {
            document.layers.E.document.Epreload.visibility = \"hidden\";
            document.layers.E.document.Emain.visibility = \"visible\";
        } else if (ie4) {
            document.all[\"Epreload\"].style.visibility = \"hidden\";
            document.all[\"Emain\"].style.visibility = \"visible\";
        }
        else {
            document.getElementById(\"Epreload\").style.visibility = \"hidden\";
            document.getElementById(\"Emain\").style.visibility = \"visible\";
        }
    }

    // Netscape Resize Fix

    function resizeFix() {
        if (widthCheck != window.innerWidth || heightCheck != window.innerHeight) {
            document.location.href = document.location.href;
        }
    }

    if (ns4) {
        widthCheck = window.innerWidth;
        heightCheck = window.innerHeight;
        window.onResize = resizeFix;
    }
</SCRIPT>

</HEAD>
<BODY>

<DIV ID=\"E\" STYLE=\"visibility:visible;\" ALIGN=\"center\">
<DIV ID=\"Epreload\" STYLE=\"position:absolute;visibility:visible;top:20%;\">
<SCRIPT TYPE=\"text/javascript\" LANGUAGE=\"JavaScript\">
    <!-- Eksperten.dk --
        if (ns4 || ie4) {
            document.write(\'<CENTER><IMG SRC=\"e_preload.gif\" WIDTH=\"344\" HEIGHT=\"141\" ALT=\"\" BORDER=\"0\"></CENTER>\');
        }
        if (ie4) {
            document.all[\"Epreload\"].style.left = \"30%\";
        }
    // Eksperten.dk -->
</SCRIPT>
</DIV>
<DIV ID=\"Emain\" STYLE=\"visibility:hidden;\" ALIGN=\"center\">

************* INDHOLD HER ***************

</DIV>
</DIV>

<SCRIPT TYPE=\"text/javascript\" LANGUAGE=\"JavaScript\">
preload();
</SCRIPT>

</BODY>
</HTML>

...men det kræver selvfølgelig, at der ligger noget halvtungt indhold på siden, før man kan nå at se det virke  :)
/mvh

Jeg har prøvet dit eksempel Ole, og jeg kunne ikke få det til at virke i en kode som loader 15-20 billeder, men det virkede da jeg flettede det ind i min gæstebog som bruger php og mysql. (over 70 indlæg)

Men det må jo være fordi der ikke var nok at vise første gang, eller fordi jeg bruger adsl.

/Reflex

Prøv at tømme din cashe. Du henter billederne derfra - ikke fra nettet - når du har haft dem loaded én gang  :)
/mvh

>olebole

burde denne preloader virke uafhængig af anden javascript på siden. Se evt. www.bestbehavior.dk - jeg har prøvet ekspertens preloader som du har skrevet, og det ser ud til at virke bortset fra den ikke fjerner min preload div