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.
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\" -->
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?