[opera 6] resizing met DHTML & Javascript (**solved**)

[fraek25]

Beste mensen,

Ik heb de afgelopen dagen heel veel problemen gehad met problemen met Opera 6 (win) bij het resizen van de browser. Ik had in m'n pagina een dynamisch element dat werd gevuld met javascript (menuutje namelijk) Telkens als ik het scherm resizede (lekker nederlands woord ja), verdween namelijk de inhoud van de Div.

Wat bleek:
- onResize event in de body werkt niet in opera.
- Reflow van pagina's in opera 6 is buggy.
- Events worden niet volledig ondersteund in opera 6
- Dynamic creation van objecten in het document levert problemen op in opera 6.

Oplossing:
Ik heb uiteindelijk iets gebouwd dat dus lijkt op een eigen event manager waar ik daarna een soort resize event van check. Alles helaas zelf moeten schrijven in javascript. Hopelijk helpt het jullie iets want ik kon niets goeds vinden wat het voor mij oploste. Mochten er betere oplossingen zijn (voor NS4+, IE4+, OP4+ alles WIN/MAC) dan hoor ik het natuurlijk graag.

code:

<script language="JavaScript">

var origH=window.innerHeight;
var origW=window.innerWidth;
var newWNow;
var newWPrevious;
var newHNow;
var newHPrevious;
var cccl;
var cwrl;
var i = 1;

window.onload = startupstuff;

function startupstuff() {
    bw = new lib_bwcheck();
    if(bw.opera6) {
        origH=window.innerHeight;
        origW=window.innerWidth;
        createCoordinateCheckerLoop();
        createWindowResizerLoop();
    }
}


function createCoordinateCheckerLoop() {
    cccl = setInterval("CoordinateChecker()", 200);
}

function createWindowResizerLoop() {
    cwrl = setInterval("windowResizerLoop()", 500);
}


function windowResizerLoop() {
    if(newWNow == newWPrevious && newHNow == newHPrevious) {
        if(newWNow != origW || newHNow != origH) {
            origW = window.innerWidth;
            origH = window.innerHeight;
            newWNow = window.innerWidth;
            newHNow = window.innerHeight;
            newWPrevious = window.innerWidth;
            newHPrevious = window.innerHeight;
            window.location.reload();
        }
    } else {
        newWPrevious = window.innerWidth;
        newHPrevious = window.innerHeight;
    }
}


function CoordinateChecker() {
    newWNow = window.innerWidth;
    newHNow = window.innerHeight;
}

</script>

Dit plaats je in de head sectie en dan zou het moeten werken

Andere scripts deden het telkens maar 1 maal. De alert blijkt trouwens een interessant ding te zijn voor een enkele loop waardoor het script altijd lijkt te werken totdat je de alert eruit haalt

[ Voor 8% gewijzigd door fraek25 op 20-02-2003 17:05 ]

[crisp]

Leuk dat je dit met ons wilt delen, maar zeker nu Opera 7 al uit is (en het is al een niche browser) zou ik me absoluut niet meer druk maken om Opera 6...

[fraek25]

crisp schreef op 20 februari 2003 @ 17:13:
Leuk dat je dit met ons wilt delen, maar zeker nu Opera 7 al uit is (en het is al een niche browser) zou ik me absoluut niet meer druk maken om Opera 6...

Klopt helemaal maar vertel dat maar aan de klant die ook Opera 6 wil ondersteunen dan

[crisp]

fraek schreef op 20 February 2003 @ 17:15:
[...]


Klopt helemaal maar vertel dat maar aan de klant die ook Opera 6 wil ondersteunen dan

Dan vertel je hem gewoon dat hij alles wat interactief of dynamisch is dan ook op zijn buik kan schrijven

[fraek25]

crisp schreef op 20 February 2003 @ 17:17:
Dan vertel je hem gewoon dat hij alles wat interactief of dynamisch is dan ook op zijn buik kan schrijven

Helaas, om het makkelijker te maken, wil de klant geen concessies doen aan de pagina op de verschillende browsers behalve kleine layout verschillen. whoami?

[crisp]

Dynamic creation van objecten in het document levert problemen op in opera 6.

Dat heb ik zelf altijd (als DHTML-ert) als het grootste manko van Opera 6 ervaren; het is een statische render engine, wat wil zeggen dat alles wat je dynamisch wilt aanpassen in eerste instantie al op de pagina aanwezig moet zijn.
Zelfs met Opera 7 moet ik vaak nog om bugs en onvolkomenheden heen scripten (bug in innerHTML, geen mogelijkheid computed styles op te vragen, support voor createDocument ontbreekt).

Al met al voor mij geen browser om ten alle tijden rekening mee te houden. Maar ja, de klant is koning - en zolang er betaald wordt... (hoewel ik het alleen als hobbie doe, dus uiteraard wel vrij ben in mijn keuzes)

[Verwijderd]

fraek schreef op 20 February 2003 @ 17:22:Helaas, om het makkelijker te maken, wil de klant geen concessies doen aan de pagina op de verschillende browsers behalve kleine layout verschillen. whoami?

Jij bent de uitvoerende techneut die voor de klant bepaalt wat wel en niet mogelijk is. Als de klant geen concessies wil doen voor verouderde browsers (zoals Opera 6, Netscape 4.x of nog ouder) dan wordt het domein van technische mogelijkheden gewoon veel kleiner. Bovendien wordt de ontwikkeltijd langer wegens toenemende browser-incompatibiliteiten.

Eventueel kan de volgende tekst de klant overtuigen:
http://www.webstandards.org/about/mission/nl/

[fraek25]

Bij de projecten die ik doe is de uitvoerende techneut niet diegene die bepaalt wat wel en niet mogelijk is. De techneut kan slechts een adviserende en uitvoerende rol spelen; Geen bepalende.

Ik heb inderdaad de WaSP al gevonden en er zijn nog vele andere links op het internet die hetzelfde verkondigen. Aangezien ik geen beslissende rol speel, kan ik dit slecht aannemen en ermee proberen om te gaan. (helaas)