[js/css] een js var in css zetten? - Softwareontwikkeling

maandag 11 november 2002 19:23

Acties:

Verwijderd

Topicstarter

ik durf het bijna niet te vragen hier; ik heb het idee dat het namelijk very simpel is, maar het volgende:

Ik heb de volgende code gemaakt (jawel, zelf...):

code:

<script language="javascript">
function scherm()
{
scrs = document.body.clientWidth;
scrs = (scrs - 700) / 2;
document.write(scrs);
}
</script>

en nu wil ik een layer maken die een margin-left heeft van js var SCRS. Weet iemand hoe ik dit moet doen? Ik kan namelijk moeilijk zo doen:

code:

.bodem
{
margin-left: <script language="javascript">scherm();</script>;
}

_{Heb hem overigens in /13 gezet omdat ik dit wel een /13 vraag vindt. Zo, die mening is iig goed onderbouwd....}

maandag 11 november 2002 19:26

Acties:

r0bert

code:

function scherm()
{
scrs = document.body.clientWidth;
scrs = (scrs - 700) / 2;
return scrs;
}

/* na laden van pagina    of   in onload van body tag */
document.getElementById('idVanJeLayer').style.marginLeft = scherm();

maandag 11 november 2002 19:31

Acties:

Verwijderd

Topicstarter

r0bert schreef op 11 november 2002 @ 19:26:

code:

function scherm()
{
scrs = document.body.clientWidth;
scrs = (scrs - 700) / 2;
return scrs;
}

/* na laden van pagina    of   in onload van body tag */
document.getElementById('idVanJeLayer').style.marginLeft = scherm();

Tnx! hij werkt, heb hem gelijk even getest. Alleen heeft dit (zoals zo vaak) een staartje...

Want als ik nou de grootte van mijn scherm wijzig, dan wijzigd de margin van mijn divje niet, en dat is de bedoeling! Kan ik dit opvangen, of moet er perse een refresh gemaakt worden?!

maandag 11 november 2002 19:33

Acties:

r0bert

windows.attachEvent('onresize', 'document.getElementById("idVanJeLayer").style.marginLeft = scherm();');

zal even zoeken
Evt. onresizeend

maandag 11 november 2002 19:48

Acties:

Verwijderd

Topicstarter

r0bert schreef op 11 November 2002 @ 19:33:
windows.attachEvent('onresize', 'document.getElementById("idVanJeLayer").style.marginLeft = scherm();');

zal even zoeken
Evt. onresizeend

Hij doet niet..

Ik heb dit bedacht en het werkt!!!! Samen zullen we vriendjes zijn, tralalala (sorry tis al laat en ben aan het overwerken......)

code:

1	<body onLoad="document.getElementById('copy').style.marginLeft = scherm();" onresize="document.getElementById('copy').style.marginLeft = scherm();">