Da's leuk om te lezen.
Even een aanvulling op het IE-gedrag:
- Met php wordt elke keer opnieuw de pagina (op de server) in elkaar gezet met dezelfde onderdelen, en dan naar de browser doorgestuurd. Met uitzondering dan van css-bestanden, al bestaande (achtergrond)images en javascript-bestanden, die maar één keer naar des bezoeker's browser gaan, en als temp-bestand lokaal worden geparkeerd.
- Alle andere browsers wachten netjes totdat het downloaden en uitrekenen van de nieuwe pagina klaar is, voordat ze de oude pagina van het scherm wissen.
- Maar niet Internet Explorer. Die veegt bij de opdracht "open nieuwe pagina" eerst de oude pagina van het scherm, en heeft dan even de standaard witte background voordat de nieuwe pagina klaar is om getoond te worden. Hoe groter de pagina qua omvang is, hoe meer IE moet nadenken, en hoe langer de witte flits duurt. Dit wordt wel "FOUC" genoemd ("Flash Of Unstyled Content").
Daardoor lijkt het alsof in andere browsers bv. de kop van een pagina gewoon blijft staan. Maar in feite wordt ook hier de kop ververst door de html-code van de nieuwe pagina. En omdat de oude kop blijft staan totdat de nieuwe "eroverheen" wordt gezet, valt dat niet op: de nieuwe afbeelding is hetzelfde en vervangt naadloos de vorige.
Er is wel een trucje om IE toch even de oude pagina vast te laten houden. Dat kan je doen door een pagina-overgang in te bouwen via een meta-element in de <head> van je document:
HTML:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=.45)">
Hiermee maakt IE een overvloeier (infaden van de nieuwe pagina over de oude heen). Het getal van de duur van de fade-in is in seconden, en kan je naar smaak aanpassen.
Als het infaden lang genoeg duurt, blijft de oude pagina net zolang staan als de tijd die nodig is om de nieuwe pagina gebruiksklaar te maken.
Heel prettig hierbij: deze code werkt alleen in Internet Explorer, maar hindert de andere browsers niet. En omdat het in een meta-element staat, is het ook gewoon valid html.
Je kan daarom altijd eens proberen of het werkt.
Met vriendelijke groet,
CSShunter
