Avatar billede avlund Nybegynder
01. februar 2002 - 17:43 Der er 2 løsninger

Aaargh! Aflæs vinduestørrelse og brug i CSS-positionering - HASTER for en gangs skyld!

Jeg har brug for hjælp til at:

a) aflæse brugerens browservinduebredde

b) lægge denne værdi i en variabel

c) nu kommer det svære: sætte denne variabel ind i en linie CSS som positionering.

Altså gøre noget i denne dur:

<div id="subMenu00" class="menu" style="position:absolute; top:50px; left:[HER SKAL VARIABLEN IND]px; visibility:hidden;">

På forhånd tak!
Avatar billede nikolajdu Nybegynder
01. februar 2002 - 17:54 #1
Har bikset lidt på noget jeg havde liggende og trukket noget fra, da du formodenligt ikke vil ud over skærmens bredde/højde.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
   
    <script>
   
harea = screen.availHeight;
varea = screen.availWidth;


if (navigator.platform.indexOf('Mac') !=-1) {
harea -= 32;
varea -= 22;
}else if (navigator.platform.indexOf('Win') !=-1) {
harea -= 29;
varea -= 12;
}
   
    function initMe() {

    document.getElementById('subMenu00').style.xpos = parseInt(document.getElementById('subMenu00').style.left)
    subMenu00.style.xpos = parseInt(subMenu00.style.left)
   
    if (document.getElementById('subMenu00').style.xpos<screen.availWidth/2){
   
    document.getElementById('subMenu00').style.xpos = harea;
   
    document.getElementById('subMenu00').style.left = document.getElementById('subMenu00').style.xpos

    }
}
   
    </script>
   
</head>

<body onload="initMe()">

<div id="subMenu00" class="menu" style="position:absolute; top:50px; left:100px;">aaa</div>
</body>
</html>

/Nikolaj
Avatar billede avlund Nybegynder
10. februar 2002 - 23:32 #2
Spm er mere eller mindre irrelevant nu - desuden havde jeg brug for at aflæse browservinduets størrelse (ikke skærmens), dette gøres med window.width vistnok. Anyways, pga. ventetiden får Nikolaj lidt for den ulejlighed han viste sig.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester