Avatar billede xxx Nybegynder
03. oktober 2001 - 15:16 Der er 10 kommentarer og
1 løsning

Sideopløsning

Jeg har en menu, som er sat ind i mit hoved dokument via en include file-kommando. Problemet er blot den, at menu forskyder sig i bredden når jeg ændre på min skærmopløsning. Jeg vil derfor høre om der er nogen der kan hjælpe mig med et script der tager højde for skærmopløsningen, uden at jeg skal lave en ny side til hver eneste opløsning.

-På forhånd tak.
Avatar billede kim_bille Nybegynder
03. oktober 2001 - 15:19 #1
screen.width
screen.height
Avatar billede olebole Juniormester
03. oktober 2001 - 15:19 #2
<ole>
Det hjælper ikke. Den flytter sig vel også, når du resizer vinduet  :)
/mvh
</bole>
Avatar billede kim_bille Nybegynder
03. oktober 2001 - 15:19 #3
kan du poste et link til din side?
Avatar billede xxx Nybegynder
03. oktober 2001 - 15:23 #4
Du kan få koderne her er de, og ja den flytter sig også når jeg sætter opløsningen op. Siden er lavet til 1024:

<HTML><HEAD><TITLE>Browser Menu</TITLE>
<SCRIPT SRC=\"browserdetect.js\"></SCRIPT>

<SCRIPT language=javascript>
<!--
var usernameSwf = new Object();

InternetExplorer = navigator.appName.indexOf(\"Microsoft\") != -1;

oversubImage=new Image();
outsubImage=new Image();

var loadImg=new Array();
for (var j=0;j<8;j++){
    loadImg[j]=new Image();
}
loadImg[0].src=\"miljo_mouseoff.gif\";
loadImg[1].src=\"miljo_mouseon.gif\";

loadImg[2].src=\"kontakt_mouseoff.gif\";
loadImg[3].src=\"kontakt_mouseon.gif\";

loadImg[4].src=\"email_mouseoff.gif\";
loadImg[5].src=\"email_mouseon.gif\";

loadImg[6].src=\"speciale.gif\";
loadImg[7].src=\"galleri.gif\";

var layer= new String();
var style= new String();
var i, current;
var running = 0;


//browser check for layers

if (is_nav5up){ 
    style=\".style\";
}
else if (is_nav4)  { 
    layer=\".layers\";
    style=\"\";
}
else if (is_ie4up)  {
    layer=\".all\";
    style=\".style\";
       
    } 

function rollOver(name){
  var loImage;
  var chkImage;
 
  if (is_nav4){
    loImage = eval(\'document.menu.document.\'+name);
    document.menu.document.miljo.src=\'miljo_mouseoff.gif\';
    document.menu.document.kontakt.src=\'kontakt_mouseoff.gif\';
    document.menu.document.email.src=\'email_mouseoff.gif\';
  } else if (is_ie4up)  {
    loImage= eval(\'document.\'+name);
    document.miljo.src=\'miljo_mouseoff.gif\';    document.kontakt.src=\'kontakt_mouseoff.gif\';
    document.email.src=\'email_mouseoff.gif\';
  }  else if (is_nav5up)  {
    loImage=document.getElementById(name);
    document.getElementById(\'miljo\').src=\'miljo_mouseoff.gif\';
    document.getElementById(\'kontakt\').src=\'kontakt_mouseoff.gif\';
    document.getElementById(\'email\').src=\'email_mouseoff.gif\';
  }   
  loImage.src = \'\'+name+\'_mouseon.gif\';
  //alert(loImage.src);
  hidelayer();
  changeState(name+\'menu\',\'visible\');

}

function rollOut(name){
   
     
  var loImage;
  var chkImage;
 
  if (is_nav4){
    loImage = eval(\'document.menu.document.\'+name);
   
  } else if (is_ie4up)  {
    loImage= eval(\'document.\'+name);
  }  else if (is_nav5up)  {
    loImage=document.getElementById(name);   
  }   
  layerRef=name+\'menu\';
  if ((is_nav4) || (is_ie4up)){
  lyr=\"document\"+layer+\"[\'\"+layerRef+\"\']\"+style+\".visibility\";
} else if (is_nav5up){
    lyr=\"document.getElementById(\'\"+layerRef+\"\').style.visibility\";
   
}   
  if ((eval(lyr)==\'visible\') || (eval(lyr)==\'show\')){
      loImage.src = \'\'+name+\'_mouseon.gif\';
    }
  else{
      loImage.src = \'\'+name+\'_mouseoff.gif\';
      }
 
         
}

var n,i,startLeft,endLeft;
// var moveX = new Array(1.00, 0.80, 0.60, 0.45, 0.35, 0.27, 0.21, 0.16, 0.12, 0.09, 0.07, 0.06, 0.05, 0.04, 0.03, 0.02, 0.01, 0.005, 0.0025, 0.00);
var moveX = new Array(1.00, 0.85, 0.64, 0.48, 0.37, 0.28, 0.21, 0.16, 0.12, 0.09, 0.068, 0.05, 0.036, 0.022, 0.01, 0.00);

//layer visibility
function changeState(layerRef,state){
    if (is_nav5up){
        evallayer=\"document.getElementById(\'\"+layerRef+\"\').style.visibility=\'\"+state+\"\'\";
    }
    else{
        evallayer=\"document\"+layer+\"[\'\"+layerRef+\"\']\"+style+\".visibility=\'\"+state+\"\'\";
    }
   
    if(current != layerRef)
    {
            current = layerRef;
        running = 1;
        n = -1;
        i = 547;
        startLeft = 547;
        endLeft = 120;
        eval(evallayer);
        moveLayer(i,layerRef);   
    }   
    else
    {
        eval(evallayer);
    }   
}

function moveLayer(i,layerRef){
    if (is_nav5up){
        evallayer=\"document.getElementById(\'\"+layerRef+\"\').style.left=\"+i;
    }
    else{
        evallayer=\"document\"+layer+\"[\'\"+layerRef+\"\']\"+style+\".left=\"+i;
    }
    if((i>endLeft) && (running==1) && (current==layerRef))
    {
        n++;
        i = (startLeft*moveX[n])+endLeft;
        eval(evallayer);
        setTimeout(\'moveLayer(\'+i+\',\"\'+layerRef+\'\")\',25);
    }   
    else if((running==1) && (current==layerRef))
    {
        running = 0;
    }
}   
   

//hide all layers except the main one
function hidelayer(){
if (is_nav5up){
    eval(\"document.getElementById(\'miljomenu\').style.visibility=\'hidden\'\");
    eval(\"document.getElementById(\'kontaktmenu\').style.visibility=\'hidden\'\");
    eval(\"document.getElementById(\'emailmenu\').style.visibility=\'hidden\'\");
}
else{   
    eval(\"document\"+layer+\"[\'miljomenu\']\"+style+\".visibility=\'hidden\'\");
    eval(\"document\"+layer+\"[\'kontaktmenu\']\"+style+\".visibility=\'hidden\'\");   
    eval(\"document\"+layer+\"[\'emailmenu\']\"+style+\".visibility=\'hidden\'\");   
    }
}

function setObject(){
}

function setUser(who){
    //alert(who);
    who=who.toUpperCase();
    if (is_ie4up){
        document.all[\'greytext\'].innerHTML=who;   
    }    else if (is_nav4){
            document.layers[\'greytext\'].top=60;
            document.layers[\'greytext\'].left=547;
            document.greytext.document.write(\"<table><tr><td align=right width=547>\");
            document.greytext.document.write(\"\"+who+\"</td></tr></table>\");
            document.greytext.document.close();
           
    }  else if (is_nav5up){
            document.getElementById(\'greytext\').style.left=547 + \"px\";
            document.getElementById(\'greytext\').innerHTML=who;
           
        }   
}

// -->
</script>

<link rel=stylesheet href=\"style.css\" type=\"text/css\">

</HEAD>
<SCRIPT SRC=\"browserdetect.js\"></SCRIPT>
<body onLoad=\"setObject();\">

<div name=\"menu\" id=\"menu\">
<table BORDER=0 cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td width=\"1\" height=\"14\" border=\"0\"></td>
<td width=\"90\"><a href=\"miljo.asp\" onmouseover=\"rollOver(\'miljo\');\" onmouseout=\"rollOut(\'miljo\');\"><img src=\"miljo_mouseoff.gif\" alt=\"\" width=\"90\" height=\"14\" border=\"0\" name=\"miljo\" id=\"miljo\"></a></td>
<td width=\"1\" height=\"14\" border=\"0\"></td>
<td width=\"47\"><a href=\"kontakt.asp\" onmouseover=\"rollOver(\'kontakt\')\" onmouseout=\"rollOut(\'kontakt\');\"><img src=\"kontakt_mouseoff.gif\" alt=\"\" width=\"47\" height=\"14\" border=\"0\" name=\"kontakt\" id=\"kontakt\"></a></td>
<td width=\"1\" height=\"14\" border=\"0\"></td>
<td width=\"38\"><a href=\"email.asp\" onmouseover=\"rollOver(\'email\')\" onmouseout=\"rollOut(\'email\');\"><img src=\"email_mouseoff.gif\" alt=\"\" width=\"38\" height=\"14\" border=\"0\" name=\"email\" id=\"email\"></a></td>
<td width=\"1\" height=\"14\" border=\"0\"></td>
</tr></table>
</div>

<div class=\"submenu\" id=\"miljomenu\" name=\"miljomenu\">
<table BORDER=0 cellpadding=\"0\" cellspacing=\"0\"><tr>
<td><a href=\"speciale.asp\"><img src=\"speciale.gif\" border=\"0\" name=\"speciale\" id=\"speciale\"></a></td>
<td width=\"1\"></td>
<td><a href=\"galleri.asp\"><img src=\"galleri.gif\" border=\"0\" name=\"galleri\" id=\"galleri\"></a></td>
</tr></table>
</div>

<div class=\"submenu\" id=\"kontaktmenu\" name=\"kontaktmenu\">
<table BORDER=0 cellpadding=\"0\" cellspacing=\"0\"><tr>
<td></td>
</tr></table>
</div>

<div class=\"submenu\" id=\"emailmenu\" name=\"emailmenu\">
<table BORDER=0 cellpadding=\"0\" cellspacing=\"0\"><tr>
<td></td>
</tr></table>
</div>



</BODY></HTML>


------>
Herefter er den gemt som en \".htm\", og sat ind på alle mine sider med kommandoen <!--#include file=\"menu.htm\" -->
Avatar billede kim_bille Nybegynder
03. oktober 2001 - 15:35 #5
mon ikke det er nok at skrive fx
<div name=\"menu\" id=\"menu\" style=\"text-align: center;\">

i alle menuer og submenuer evt.

ellers
<div style=\"text-align: center;\">
<div menu.....


.... sidste sub /div>
</div>

Avatar billede xxx Nybegynder
04. oktober 2001 - 08:06 #6
kim bille; vil det ikke betyde at min menu vil blive centreret på alle mine sider. Det er sådan at min side er centreret, men at min menu ligger op til den venstre kant af min side. Jeg har derfor været nød til at gå x antal pixels ind i browseren for at få menu til at stå rigtigt?
Avatar billede kim_bille Nybegynder
04. oktober 2001 - 18:22 #7
Har du et link til siden, jeg har lidt svært ved at visualiser hvad det er du mener.
Avatar billede kim_bille Nybegynder
04. oktober 2001 - 18:26 #8
det har jeg spurgt om ser jeg :). Lidt mere beskrivelse af hvor på siden menuen skal være så
Avatar billede xxx Nybegynder
05. oktober 2001 - 08:00 #9
www.meldgaard.com/dk/grusgrav.asp - prøv forskellige opløsning og se hvordan min menu rykker sig.
Avatar billede xxx Nybegynder
05. oktober 2001 - 09:07 #10
Har selv fundet ud af det. Jeg skal bruge <iframe> istedet for <include>. Ellers tak for hjælpen.
Avatar billede kim_bille Nybegynder
05. oktober 2001 - 17:14 #11
ok
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