[DHTML] preload (?) probleem

[Pelle]

Ben wat met dHTML aan het freubelen voor een projectje voor school.. we moeten een of ander administratief pakket gaan ontwikkelen, en een beetje zichzelf respecterende webdevvert doet dat natuurlijk niet in Access of VB ofzo, maar gewoon met PHP/ASP en DHTML.

Download eerst deze file eens: http://jj.upnet.nl/so-05/so-05.zip

Even lokaal unzippen, en runnen met IE (hoeft niet browsercompatible te zijn, dus ik test alleen in IE6 - in andere browsers heeft het geen zin om te gaan kijken want waarschijnlijk gaat het daar toch fout ). Let met name even op de image-swap die plaatsvindt. Lokaal gaat dat prima, maar als ik het hele zwikkie online zet, dan gaat het fout:

http://jj.upnet.nl/so-05/test.html

Het preloaden van de images heeft geen zin, hij laat ze na het uitvoeren van die swapMainOptions gewoon niet meer zien. Als je right-clicked op zo'n 'verdwenen' image en je doet 'show picture' dan verschijnt hij wel, dus de src van het element is correct, maar hij showt het geheel alleen dus niet.

Ik heb alles geprobeerd, preloaden met HTML, preloaden met JS, absolute paths gebruiken (kan me nog een preload-bug op oh,when?'s dopesyndicate.com herinneren die zo is opgelost ), maar het helpt allemaal geen ruk. Ben benieuwd wat ik over het hoofd zie.. ik weet het niet meer namelijk

[Pelle]

Ok, nog even een klap op de vuurpijl:

http://jj.upnet.nl/so-05/test2.html

Hier heb ik het opgelost met obj.innerHTML in plaats van met obj.src maar zelfs dat gaat fout
Raaaaarrrr

/edit
Ligt niet aan de server; heb 'm ook ff op m'n wanadoo-accountje gezet en heb daar hetzelfde probleem.

/edit2
Zie bijvoorbeeld hier: http://home.wanadoo.nl/j.van.veelen/so-05/test4.html
Dat is een versie met preloader erin, en die werkt hier ook niet. Na wat heen en weer geICQ met prototype weten we misschien waar het aan ligt: aan IE6... bij prototype werkt het allemaal perfect (IE5), maar bij mij en bij willem169 gaat het mis in IE6. Is nie goed nie.

[Verwijderd]

Ik heb het nog even snel geprobeerd met een javascript preload in een Image object, maar dat heeft ook geen effect. Het ligt inderdaad niet aan de server, maar toch vind ik het vaag dat het lokaal wél werkt. Ik heb ook met IE6 getest trouwens:
http://www.50hertz.net/got/test.html

Het kan gewoon niet aan je code liggen lijkt me, dat is volgens mij prima in orde. Ik heb er vooralsnof geen verklaring voor

[Pelle]

Op donderdag 04 april 2002 02:01 schreef Cheatah het volgende:
Het kan gewoon niet aan je code liggen lijkt me, dat is volgens mij prima in orde. Ik heb er vooralsnof geen verklaring voor

Bug in IE6 wellicht

[Verwijderd]

Ik heb het even getest met IE 5.5 en volgens mij werkt het prima.

Er komen van die tab bladen te voorschjin als ik op een link klik, ok toch?

[Bosmonster]

Bug in IE6 wellicht

Heb nog niet gekeken (ga ik zo doen), maar IE en IE6 in particular heeft dit soort problemen. Heb regelmatig dat IE plaatjes niet goed inlaadt in lagen of als er veel plaatjes op een pagina staan (spacer-gifjes ofzo)...

Maar goed.. SO zijn toch zaad-modules...

Trouwens.. als het toch IE6 only is kun je die <!-- //--> en die explorerfix der wel uithalen.

[Wietse]

Deze : http://home.wanadoo.nl/j.van.veelen/so-05/test4.html
Doet het bij mij in IE6 perfect (tabs komen te voorschijn en de mappen gaan open)

[Woudloper]

ZeTt:
Deze : http://home.wanadoo.nl/j.van.veelen/so-05/test4.html
Doet het bij mij in IE6 perfect (tabs komen te voorschijn en de mappen gaan open)

Nou, ik ben er ook even naar aan het kijken... Maar bij deze is het vreemde dat de eerste keer als ik langs alle tabs gaat het goed gaat (van link naar rechts) en als ik dan weer terug ga doet deze het niet meer....

/Update: Soms komt hij toch weer naar voren (plaatje bedoel ik) en som weer niet

[Hangloozz]

IE5 hier, en dat gaat ook fout.. doet me denken aan een topic wat ik pas geopend heb.

Het gaat om deze pagina.

Bij 9 van de 10 peeps zijn de screenshots niet zichtbaar, terwijl ze er dus wel zijn.
Ben er nooit achter gekomen wat er nou bugged.

edit:
Wat is het resultaat als je alle opmaak d'ruit kiepert?
Dus CSS, div's enz. ff wegfohnen...

[Bosmonster]

laat maar.. lijkt meer een event bug... zit ff oplossing te bedenken

Update:

Ah nou weet ik weer waarom je onmousedown moet gebruiken in plaats van onclick... kleine aanpassing dus..

testvoorbeeld:

http://www.xs4all.nl/~pcvandam/so-05/test.html

[Verwijderd]

Hij werkt perfect in IE 5.5 duz het licht aan je Browser|:(

[Verwijderd]

Yepz in Ik heeft ff gekkijjkt in IE 6 en daar doet ie et niet

[drm]

heel apart...

Kan ook geen oplossing bedenken, moe'k eerlijk bekennen ...

in Mozilla doet 'ie niks, dus als je 'm nou daarin aan je leraar laat zien...

_edit:
Hmm, ik heb eventjes je code herschreven, en zo gaat het wel goed.

Geen idee waarom...
http://home.conceptsfa.nl/~gerardvh/got/so-05/test.html

wie weet waarom

[Bosmonster]

Er zitten sowieso bugs in de IE DOm-structuur.. (via de document.images Array werkt het dus wel, maar dan moet je heel de code rewriten)

Maar als je paar posts terugkijkt zie je dat het ook in IE6 gewoon werkt als je onclick verandert in onmousedown

[Woudloper]

drm:
_edit:
Hmm, ik heb eventjes je code herschreven, en zo gaat het wel goed.

Geen idee waarom...http://home.conceptsfa.nl/~gerardvh/got/so-05/test.html

wie weet waarom

drm, bij mij ging het in het begin wel goed, maar daarna (na een paar keer klikken) niet meer...

/Edit: die van bosmonster werkt wel...

[drm]

Woudloper:
drm, bij mij ging het in het begin wel goed, maar daarna (na een paar keer klikken) niet meer...

hoevaak heb jij geklikt dan?

[Woudloper]

drm: hoevaak heb jij geklikt dan?

Nu maar één keer...

Stap 1: laden van de pagina...



Sta 2: Klikken op de middelste optie...

[Bosmonster]

Bij mij doet die van drm het ook gewoon goed. Hoev aak ik ook klik en refresh etc..

[Woudloper]

Bosmonster:
Bij mij doet die van drm het ook gewoon goed. Hoev aak ik ook klik en refresh etc..

Ikke niet meer begrijpen....

Ik heb:

• Internet Explorer 6.0.2600.000
• Windows 2000 SP2 (5.00.2195)

[Bosmonster]

Ik heb exact dezelfde config.

IE6/Win2KSP2

[drm]

hmm
kan zijn dat die versie niet zo goed tegen deze constructie kan:

code:

( condition ? obj1 : obj2 ).property;

probeer dat voor de gein eens te veranderen (in swapImg ()) in

code:

(condition ? obj1.property : obj2.property );

zou ik wel heel maf vinden, maar goed ...

[Bosmonster]

Ik had het eerder ook al getest met de 'gewone' document.images Array en dat werkte ook prima. Denk dat het aan woudloper zn firewall/proxy/cache ligt ofzo

[Woudloper]

Bosmonster:
Ik had het eerder ook al getest met de 'gewone' document.images Array en dat werkte ook prima. Denk dat het aan woudloper zn firewall/proxy/cache ligt ofzo

Begin ook meer het vermoeden te krijgen dat het daar aan ligt, want verder kan ik geen problemen/fouten vinden....

[drm]

Woudloper:
Begin ook meer het vermoeden te krijgen dat het daar aan ligt, want verder kan ik geen problemen/fouten vinden....

Zou ik ook wel erg jammer vinden als jij fouten in mijn script kon vinden

*kuch*

[2]

Dit slaat inderdaad helemaal nergens op. Raar bugje in IE.

Bij mij lijkt het verwijderen van die weggequote regel in je stylesheet

code:

/*      padding      :   5px; */

wel te helpen, maar weet ik niet zeker omdat hij het soms wel soms niet soms half doet. Maar kijk even of dat bij jullie werkt.

http://www.xi-online.nl/bas/meuk/pelle/test.html

[drm]

2:
Bij mij lijkt het verwijderen van die weggequote regel in je stylesheet
[..]
wel te helpen, maar weet ik niet zeker omdat hij het soms wel soms niet soms half doet. Maar kijk even of dat bij jullie werkt.

Daar zat ik idd ook aan te denken, maar dat leek me zo idioot, dat heb ik verder niet eens onderzocht...
wat debiel zeg, als het daar aan ligt...

* drm gaat ff checken

_edit:
^{________________________________________}
Nope maakt niets uit bij mij...

[2]

Op donderdag 04 april 2002 11:28 schreef drm het volgende:

maar dat leek me zo idioot, dat heb ik verder niet eens onderzocht...
wat debiel zeg, als het daar aan ligt...

* drm gaat ff checken

Zeg, we praten hier wel m$ hè

Zie trouwens mijn post, heb er linkje bij gezet.

[Clay]

ik merk niet veel meer van problemen als de images gewoon gepreload zijn.... er zijn hier al een paar werkende versies langsgekomen.

Images preloaden zou ik zowiezo (bijna) altijd doen, zeker bij dit soort effecten, al is het voor de netheid dan kan je je systeem ook makkelijker skinnable maken, als je de image paden ergens los defineert en niet in je code ergens verstopt.

[drm]

Clay:
er zijn hier al een paar werkende versies langsgekomen.

laten we stemmen welke versie Pelle moet nemen

[Hangloozz]

dit stukje levert ook wat irritaties op (tenminste bij IE5), als ik het verwijder werkt het gewoon:

border-bottom : 1px solid #d3e5fa; /* #032973; */

[DeFeCt]

Op donderdag 04 april 2002 11:46 schreef drm het volgende:
[..]
laten we stemmen welke versie Pelle moet nemen

http://jj.upnet.nl/so-05/test2.html

Doet het hier onder IE6 met XP uitstekend

[drm]

DeFeCt:
http://jj.upnet.nl/so-05/test2.html

Doet het hier onder IE6 met XP uitstekend

Hier met dezelfde config niet

[Bosmonster]

http://www.xs4all.nl/~pcvandam/so-05/test.html

Ik stem voor mezelf kleine aanpassing en werkt getest.. onclick -> onmousedown

[Verwijderd]

Op donderdag 04 april 2002 12:01 schreef Bosmonster het volgende:
http://www.xs4all.nl/~pcvandam/so-05/test.html

Ik stem voor mezelf kleine aanpassing en werkt getest.. onclick -> onmousedown

eehm


(ie6, win98)

(na refresh werkt ie wel gewoon goed)

[Bosmonster]

hehe.. Bij jou doet ie geen enkel plaatje.. terwijl ik dus niks in de code heb veranderd...

[Verwijderd]

/me staat met z'n oren te flapperen

-site laden: 1 keer klikken, alle plaatjes weg
-refresh: 1 keer klikken, alleen plaatje op geklikte link weg
(kan bij elk plaatje 1 keer, daarna alles goed)
-refresh: alles werkt

[Clay]

omg! ik zou maar helemaal opnieuw beginnen, dit wordt nooit wat

[Hangloozz]

precies, en dan dat menuutje maar in Flash bouwen

[drm]

of zorgen dattie door een leraar in ie 5.5 wordt bekeken

[2]

Tot nu toe blijft die van mij (bij mij althans) werken. Kijken jullie eens dan, want dan weten we iig waar het bugje ongeveer zit:

http://www.xi-online.nl/bas/meuk/pelle/test.html

[Bosmonster]

Doet het niet (IE6)

[2]

Op donderdag 04 april 2002 14:27 schreef Bosmonster het volgende:
Doet het niet (IE6)

is dat op XP? ik zit hier op ME (ivm. krenterige baas)

[André]

Doet het hier ook niet (NT4 + IE6)

[Bosmonster]

Op donderdag 04 april 2002 14:48 schreef 2 het volgende:

[..]

is dat op XP? ik zit hier op ME (ivm. krenterige baas)

Win2K SP2

[Pelle]

Wow, wat een aandacht

Van alle aangedragen oplossingen komt alleen die van Bosmonster in de buurt van iets werkends. Maar alleen dan, wanneer ik mijn muis zeg een seconde ingedrukt houdt. Doe ik gewoon een korte klik, dan gaat het weer fout. Wellicht dat de snelheid van je verbinding er dan ook weer om de hoek komt kijken en er ondanks een preload toch weer op de server geloerd moet worden om de imageswap plaats te laten vinden.
Er schiet mij nu te binnen dat heel veel rollover-effecten het niet doen op mijn configuratie; ondanks dat images gepreload zijn (zowel via JS als gewoon hard door de URL ervan op te vragen), moet ik op veel sites toch bij elke rollover-actie wachten tot de rollover image geladen is.

Sorry voor de rest van de mensen die moeite hebben gedaan, maar jullie oplossingen zijn in uitwerking van hetzelfde effect als mijn eigen efforts.

Ik zal nog eens even verder gaan experimenteren; maar ik denk dat het toch een dikke IE-bug is.
Mijn versie: 6.0.2600.0000 onder win2k.

[André]

Je kunt je images ook als html in een hidden <div> zetten. En dan kun je ze visible maken wanneer nodig. Dit is een methode die altijd werkt. Bv:

code:

<div id="test" style="visibility:hidden">
  [img]"plaatje.gif">
</div[/img]

Op deze manier preload je ze niet maar load je ze gewoon.

[Bosmonster]

...

hier stond wat waar ik eigenlijk nog geen echte verklaring voor heb

[Pelle]

Om even te illustreren wat ik bedoel:

http://home.wanadoo.nl/j.van.veelen/so-05/imageswap.html

Er worden 2 gifjes, van elk ~90k gepreload. Als ik lokaal een rollover doe, gaat het perfect. Op het exacte moment dat de muis over image1.gif komt, verandert hij in image2.gif.

Doe ik het online en laat ik alles lekker preloaden, dan duurt het steeds een seconde ofzo voordat de swap plaatsvind. Blijkbaar wordt de image niet direct uit de cache gehaald, maar wordt er een request naar de server gestuurd ofzo om te kijken of die image nog wel daadwerkelijk bestaat. En die ene seconde nekt mijn script dus, want als ik heel snel na mouseover weer een mouseout doe, gebeurt er niks, behalve dat ik heel even mijn muiscorsor in een zandlopertje zie veranderen ten teken dat hij blijkbaar iets van de server moet trekken ofzo.

Heb hier een brakke casema verbinding, en dat duurt dus waarschijnlijk steeds net te lang.. kan me voorstellen dat iemand met ADSL dit probleem niet of nauwelijks kent. Ik kan in ieder geval in m'n verbindings (== inbel icoontje) zien dat elke keer dat ik een rollover doe, er even met de server wordt gecommuniceerd.
Aaaargh!

/edit
Als ik iets aan het downloaden ben, dat vrijwel al mijn bandbreedte opslurpt, dan duurt de swap ook langer dan een seconde.. dat is inderdaad ook een bevestiging van mijn vermoeden dat er even met de server geluld wordt.

[drm]

Pelle illustreerde even wat hij bedoelde

woei wat een prachtige gifjes

en dat probleem heb ik dus niet. Helemaal niet? Nee helemaal niet. Kennelijk komt dat dus alleen voor met IE6 / win2k

[Hangloozz]

Op donderdag 04 april 2002 15:29 schreef drm het volgende:

en dat probleem heb ik dus niet. Helemaal niet? Nee helemaal niet. Kennelijk komt dat dus alleen voor met IE6 / win2k

Dat probleem heb ik dus ook niet...op W2K met IE5.

Het enige wat bij werkte met die OMC's was het verwijderen van die CSS-comments.

[Woudloper]

Om de feestvreugde even te vergroten... Ik heb het probleem ook niet....

Maar het hier een 4 MB lijntje naar buiten toe...

[Pelle]

Op donderdag 04 april 2002 15:29 schreef drm het volgende:
woei wat een prachtige gifjes

Ik moest even wat grote gifjes bakken, dus dan ga je even creatief zijn met allerlei brushes

en dat probleem heb ik dus niet. Helemaal niet? Nee helemaal niet. Kennelijk komt dat dus alleen voor met IE6 / win2k

Blijkbaar ja.. ik snap d'r geen hol van.

Maarrr:
Yogho's idee is werkelijk waar geniaal.
Zie http://home.wanadoo.nl/j.van.veelen/so-05/test6.html
(wel iets aangepast, in plaats van een <div> een <span> gebruikt en in plaats van visibility heb ik display gebruikt).

Hierbij zou hij het bij iedereen moeten doen

Weet iemand of er iets van een IE-bugmeldlist is ofzo? Dan zal ik dit er eens gaan aanmelden.. stelletje prutsers daar in Redmond

[Woudloper]

Pelle:

Maarrr:
Yogho's idee is werkelijk waar geniaal.
Zie http://home.wanadoo.nl/j.van.veelen/so-05/test6.html
(wel iets aangepast, in plaats van een <div> een <span> gebruikt en in plaats van visibility heb ik display gebruikt).

Hierbij zou hij het bij iedereen moeten doen

Yes, helemaal geen fouten meer... Tenminste het werkt gewoon zoals het moet werken...

Weet iemand of er iets van een IE-bugmeldlist is ofzo? Dan zal ik dit er eens gaan aanmelden.. stelletje prutsers daar in Redmond

Hier:

http://support.microsoft.com/support/feedback/

[Bosmonster]

hij doet het!

[Pelle]

Op donderdag 04 april 2002 15:54 schreef Woudloper het volgende:
http://support.microsoft.com/support/feedback/

Ok, ik hoop dat ze daar in Redmond genoeg koffie hebben gedronken vanochtend, want ik heb ze een flink pissig bugreport gestuurd

Thnks voor alle hulp, ik ga weer lekker verder met het bouwen van mijn geile XP-look-and-feel