[JS] DIV crossbrowser afmetingen - Softwareontwikkeling

donderdag 1 april 2004 18:45

Acties:

Verwijderd

Topicstarter

ik wil dmv javascript mn divje op de juiste plaats positioneren (gecentreerd) en de juiste hoogte geven (hoogte browserscherm - 20px). Ik heb de volgende code samengesteld met behulp van een aantal websites maar nog steeds word mn divje alleen goed weergegeven in IE.

code:

function setDivContent(){
var x,contentHeight;
if (self.innerHeight) // all except Explorer
{
    contentHeigt = self.innerHeight;
    leftPos = (self.innerWidth - 700) / 2;
    document.all('content').style.pixelLeft = leftPos;
    document.all('content').style.pixelHeight = contentHeight - 20;
}
else if (document.documentElement && document.documentElement.clientHeight)
    // Explorer 6 Strict Mode
{
    leftPos = (document.documentElement.clientWidth - 700) / 2;
    contentHeight = document.documentElement.clientHeight;
    document.all('content').style.pixelLeft = leftPos;
    document.all('content').style.pixelHeight = contentHeight - 20
}
else if (document.body) // other Explorers
{
    leftPos = (document.body.clientWidth - 700) / 2;
    contentHeight = document.body.clientHeight;
    document.all('content').style.pixelLeft = leftPos;
    document.all('content').style.pixelHeight = contentHeight - 20;
}
}
//-->
</script>

aanroep code

code:

1	<body onLoad="setDivContent();" onResize="setDivContent();">

divje

code:

1	<div id="content"> </div>

iemand die mij verder kan helpen?
[/code]

donderdag 1 april 2004 18:47

Acties:

Verwijderd

Het zal z'n reden hebben, maar waarom wil je dit met javascript doen?

donderdag 1 april 2004 18:50

Acties:

CrashOne

oOoOoOoOoOoOoOoOoOo

Doe het met css, das een stuk veiliger dan dit script.

{maak er dan ook window.onload = function(){} en window.onresize = function(){} van, hoef je niks in je body tag te zetten.)

Huur mij in als freelance SEO consultant!

donderdag 1 april 2004 18:53

Acties:

Verwijderd

Topicstarter

waarom ik dit met javascript doe? een keer wat anders proberen!
met css weet ik helemaal niet hoe ik crossbrowser moet werken.
thnx 4 de tip crashone

[ Voor 42% gewijzigd door Verwijderd op 01-04-2004 18:53 ]

donderdag 1 april 2004 19:14

Acties:

crisp

Devver

Pixelated

document.all is nou ook niet bepaald crossbrowser, en daarbij dien je bij dit verouderde IE-propriety object model de properties tussen blokhaken te zetten. Kijk eens naar DOM...

oh, en nog een typo:

code:

1	contentHeigt

[ Voor 17% gewijzigd door crisp op 01-04-2004 19:16 ]

Intentionally left blank

donderdag 1 april 2004 19:16

Acties:

Verwijderd

Alleen horizontaal of zowel horizontaal als verticaal?

donderdag 1 april 2004 19:27

Acties:

Matthiasje

'k Ben zelf begin dit jaar met hetzelfde bezig geweest. De bedoeling was om in HTML een eigen messagebox te schrijven die verschijnt na het laden van de pagina.

Stabiel; (zip)
Latest; (webspace-mapje)

In de bronnen hierboven vind je de Engelstalige uitlegpagina die ik toen heb geschreven.

De gebruikte oplossing is overigens een combinatie van CSS en JS, waaronder een aangepast scriptje om de formaten van het binnenste browservenster op te vragen.

[ Voor 15% gewijzigd door Matthiasje op 01-04-2004 19:28 ]