Avatar billede xxx Nybegynder
03. oktober 2001 - 08:56 Der er 3 kommentarer og
1 løsning

Skærmoplø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 nikolajdu Nybegynder
03. oktober 2001 - 08:57 #1
Det kommer så sandeligt an på hvordan du har lavet menuen???

Har du lidt kode til folket???
Avatar billede xxx Nybegynder
03. oktober 2001 - 09:04 #2
<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 xxx Nybegynder
03. oktober 2001 - 15:14 #3
Intet svar nå?
Avatar billede nikolajdu Nybegynder
03. oktober 2001 - 18:30 #4
Du har jo oprettet spørgsmålet 2 gange. Det er ikke tilladt i følge reglerne.
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