Pagina laden

Status
Niet open voor verdere reacties.

erict21

Gebruiker
Lid geworden
10 jan 2009
Berichten
7
Als ik het goed begrijp kun je met 'onload' een div-je laten verdwijnen die pas verdwijnt als de pagina volledig is geladen. Dit dus voor een page-loader.

<body onload="sluitLoading()">

Maar wat moet ik in het javascript zetten om een div te laten zien zodra de pagina opgeroepen wordt, en die dus verdwijnt zodra de pagina is geladen?
Iemand enig idee?

(ben nog niet zo bekend in javascript)....
 
Om te beginnen moet je zorgen dat je je div makkelijk kunt vinden. Dat kun je doen door hem een id mee te geven:
HTML:
<div id="div_loading">De pagina wordt geladen</div>

Vervolgens kun je met javascript een CSS attribuut weizigen. In CSS zou het er zo uit zien:
Code:
#div_loading
{
display: none;
}

Alle CSS attributen kun je in Javascript veranderen met het style object van een html element. Je Javascript functie zou er dus zo uit kunnen komen te zien:
Code:
function sluitLoading()
{
  var laad_div =  document.getElementById("div_loading");  // Nu heb je een referentie naar het element met de id "div_loading"
  laad_div.style.display = "none";  // Het equivalent van de CSS "display:none"
}


:thumb:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan