Ik zal het verhaal even kort houden, maar in ieder geval is de situatie als volgt. Ik heb een simpele (voornamelijk gewoon statische) site gemaakt. Om de site "uitbreidingsproof" te maken heb ik een homepage gemaakt die middels een eenvoudig scriptje een pagina in een iframe op de pagina opent.
De hele pagina zelf is gemaakt middels DIV's, en is W3C validated. Mijns insziens dus "volgens de richtlijnen".
In Firefox werkt ie prima, in IE werkt ie ook, maar IE7 doet nogal lastig omdat ik dus scripts op de pagina's gebruik. Onnodig eigenlijk, want het is onschuldig script. Nu kan ik in feite ervoor zorgen dat die meldingen op de hoofdpagina verdwijnen door er gewoon simpelweg statische links van te maken en het iframe naar een div om te bouwen en de content vast erin te zetten. Wat ik hierbij minder vind is dat ik de simpele uitbreidbaarheid hierdoor verlies! Als er later een subpagina bijkomt dan moet ik weer alle pagina's updaten om zo óveral de link toonbaar te krijgen. (Of ik zou de sidebar in een frame moeten zetten, dat zou ook nog een optie zijn, maar dan krijg je voor elke pagina een grotere overhead omdat de header/footer etc opnieuw mee wordt geladen, vandaar dat ik ervoor heb gekozen om enkel de content in het frame te laden)
Probleem is echter de gallerij! Deze leunt nogal sterk op een script. Middels pre-loaded javascript images maak ik gebruik van een onmouseover om zo afbeeldingen van het standaard zwart-wit naar kleur te laten veranderen. Bij de onclick van een plaatje voer ik een script uit waarbij ik de complete inhoud van een Div wijzig om deze zo aan te passen aan de geselecteerde image. Het idee hierbij was dat ik simpelweg maar 1 Gallerij pagina had waarbij alles simpelweg in stond. Ipv voor elke image een nieuwe pagina te moeten maken en deze weer in een iframe inladen.
Maar nu ga ik de pagina even testen in IE7 los, en nu gaat die heel fijn zeuren dat er scripts op de pagina staan die zijn gestopt om zo de veiligheid te kunnen waarborgen
Met als gevolg dat als straks mensen met IE7 naar de pagina gaan een melding te zien krijgen dat de pagina potentieel onveilig is. Dat komt natuurlijk knullig over
Mijn vraag is nu, hebben andere bouwers hier ook last van gehad en hoe hebben jullie dit aangepakt cq. opgelost?
(In eerste instantie zou ik de gallerij heel graag compleet in CSS willen, maar aangezien ik geen CSS guru ben heb ik voor een JS optie gekozen, het is iig een eenvoudige gallerij met links een fixed-size div waarin een image gefloat wordt en text gewrapped wordt weergegeven, en rechts een scrollable fixed-size div met alle thumbnails keurig erin. Per item heb ik 3 variabelen; Color-image, BW-image en HTML-code, de images voor de onmouseover en de HTML om in de innerHTML te schrijven na een onclick, goed werkbaar én doeltreffend... behalve IE dus waar je die 'hippe' melding krijgt)
Het stomme is natuurlijk dat de pagina wél W3C validated is, maar dat het nu dus nogal wat issues met zich naar voren brengt door die rot meldingen van IE7
De hele pagina zelf is gemaakt middels DIV's, en is W3C validated. Mijns insziens dus "volgens de richtlijnen".
In Firefox werkt ie prima, in IE werkt ie ook, maar IE7 doet nogal lastig omdat ik dus scripts op de pagina's gebruik. Onnodig eigenlijk, want het is onschuldig script. Nu kan ik in feite ervoor zorgen dat die meldingen op de hoofdpagina verdwijnen door er gewoon simpelweg statische links van te maken en het iframe naar een div om te bouwen en de content vast erin te zetten. Wat ik hierbij minder vind is dat ik de simpele uitbreidbaarheid hierdoor verlies! Als er later een subpagina bijkomt dan moet ik weer alle pagina's updaten om zo óveral de link toonbaar te krijgen. (Of ik zou de sidebar in een frame moeten zetten, dat zou ook nog een optie zijn, maar dan krijg je voor elke pagina een grotere overhead omdat de header/footer etc opnieuw mee wordt geladen, vandaar dat ik ervoor heb gekozen om enkel de content in het frame te laden)
Probleem is echter de gallerij! Deze leunt nogal sterk op een script. Middels pre-loaded javascript images maak ik gebruik van een onmouseover om zo afbeeldingen van het standaard zwart-wit naar kleur te laten veranderen. Bij de onclick van een plaatje voer ik een script uit waarbij ik de complete inhoud van een Div wijzig om deze zo aan te passen aan de geselecteerde image. Het idee hierbij was dat ik simpelweg maar 1 Gallerij pagina had waarbij alles simpelweg in stond. Ipv voor elke image een nieuwe pagina te moeten maken en deze weer in een iframe inladen.
Maar nu ga ik de pagina even testen in IE7 los, en nu gaat die heel fijn zeuren dat er scripts op de pagina staan die zijn gestopt om zo de veiligheid te kunnen waarborgen
Mijn vraag is nu, hebben andere bouwers hier ook last van gehad en hoe hebben jullie dit aangepakt cq. opgelost?
(In eerste instantie zou ik de gallerij heel graag compleet in CSS willen, maar aangezien ik geen CSS guru ben heb ik voor een JS optie gekozen, het is iig een eenvoudige gallerij met links een fixed-size div waarin een image gefloat wordt en text gewrapped wordt weergegeven, en rechts een scrollable fixed-size div met alle thumbnails keurig erin. Per item heb ik 3 variabelen; Color-image, BW-image en HTML-code, de images voor de onmouseover en de HTML om in de innerHTML te schrijven na een onclick, goed werkbaar én doeltreffend... behalve IE dus waar je die 'hippe' melding krijgt)
Het stomme is natuurlijk dat de pagina wél W3C validated is, maar dat het nu dus nogal wat issues met zich naar voren brengt door die rot meldingen van IE7
Wanna play?