30. juli 2001 - 22:21
#11
Ok - men den er lidt tung, så
hvis det er nok er her et udklip af det essentielle - ellers så se længere nede:
udklip ( nestede lag )
<div id=\"mylayerDiv\">
<div id=\"bgDiv\"><img src=\"../grafik/sheetend.gif\" width=\"12\" height=\"289\" vspace=\"0\" hspace=\"0\" border=\"0\" name=\"end\"><img src=\"../grafik/sheet.gif\" width=\"626\" height=\"289\" vspace=\"0\" hspace=\"0\" border=\"0\"></div>
<DIV ID=\"scrollWindowDiv\">
<DIV ID=\"scrollContentDiv\"><? include(\"top.html\"); ?></DIV>
<div id=\"wheel1\" style=\"position:absolute; left:500px; top:117px; width:52px; height:51px; z-index:23\"><a href=\"java script:;\" onMouseOver=\"MM_showHideLayers(\'wheel1\',\'\',\'hide\',\'wheel1over\',\'\',\'show\',\'wheelr\',\'\',\'hide\')\"><img src=\"../grafik/wheel.gif\" width=\"52\" height=\"51\" border=\"0\" vspace=\"0\" hspace=\"0\"></a></div>
<div id=\"wheel1over\" style=\"position:absolute; left:500px; top:117px; width:52px; height:51px; z-index:22; visibility: hidden\"><a href=\"java script:;\" onMouseOver=\"MM_showHideLayers(\'wheel1\',\'\',\'hide\')\" onMouseUp=\"MM_showHideLayers(\'wheelr\',\'\',\'hide\')\" onMouseOut=\"MM_showHideLayers(\'wheel1\',\'\',\'show\',\'wheel1over\',\'\',\'hide\',\'wheelr\',\'\',\'hide\')\" onMouseDown=\"MM_showHideLayers(\'wheel1over\',\'\',\'hide\',\'wheelr\',\'\',\'show\')\"><img src=\"../grafik/wheel_over.gif\" width=\"52\" height=\"51\" vspace=\"0\" hspace=\"0\" border=\"0\"></a></div>
<div id=\"wheelr\" style=\"position:absolute; left:500px; top:117px; width:52px; height:51px; z-index:21; visibility: hidden\"><a href=\"java script:// Up\" onMouseDown=\"myscroll.up(); return false;\" onMouseUp=\"myscroll.stop();MM_showHideLayers(\'wheel1over\',\'\',\'show\',\'wheelr\',\'\',\'hide\')\" onMouseOut=\"myscroll.stop()\"><img src=\"../grafik/wheelr.gif\" width=\"52\" height=\"51\" vspace=\"0\" hspace=\"0\" border=\"0\"></a></div>
<div id=\"up\" style=\"position:absolute; left:560px; top:10px; width:20px; height:15px; z-index: 8\"><a href=\"java script:// Up\" onMouseDown=\"myscroll.up(); return false;\" onMouseUp=\"myscroll.stop()\" onMouseOut=\"myscroll.stop();MM_showHideLayers(\'uplight\',\'\',\'show\')\"><img src=\"../grafik/uplight.gif\" width=\"20\" height=\"15\" vspace=\"0\" hspace=\"0\" border=\"0\" name=\"up\" alt=\"op\"></a></div>
<div id=\"down\" style=\"position:absolute; left:560px; top:264px; width:20px; height:15px; z-index:9\"><A HREF=\"java script:// Down\" onMouseDown=\"myscroll.down(); return false;\" onMouseUp=\"myscroll.stop()\" onMouseOut=\"myscroll.stop();MM_showHideLayers(\'downlight\',\'\',\'show\')\"><img src=\"../grafik/downx.gif\" width=\"20\" height=\"15\" border=\"0\" vspace=\"0\" hspace=\"0\" alt=\"ned\" name=\"down\"></a></div>
<div id=\"uplight\" style=\"position:absolute; left:560px; top:10px; width:20px; height:15; z-index:10\"><a href=\"java script:// Up\" onMouseOver=\"MM_showHideLayers(\'uplight\',\'\',\'hide\')\"><img src=\"../grafik/up.gif\" width=\"20\" height=\"15\" border=\"0\" vspace=\"0\" hspace=\"0\"></a></div>
<div id=\"downlight\" style=\"position:absolute; left:560px; top:264px; width:20px; height:15px; z-index:11\"><a href=\"java script:// Down\" onMouseOver=\"MM_showHideLayers(\'downlight\',\'\',\'hide\')\"><img src=\"../grafik/downlightx.gif\" width=\"20\" height=\"15\" border=\"0\" vspace=\"0\" hspace=\"0\"></a></div>
</DIV>
Hele koden:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\" src=\"../java/dynlayer.js\"></script>
<script language=\"JavaScript\" src=\"../java/dynlayer-glide.js\"></script>
<script language=\"JavaScript\" SRC=\"../java/miniscro.js\"></script>
<script language=\"JavaScript\">
<!--
function init() {
DynLayerInit()
myscroll = new MiniScroll(scrollWindow,scrollContent)
mylayer = new DynLayer(\"mylayerDiv\")
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v==\'show\')?\'visible\':(v=\'hide\')?\'hidden\':v; }
obj.visibility=v; }
}
function MM_setTextOfLayer(objName,x,newText) { //v3.0
if ((obj=MM_findObj(objName))!=null) with (obj)
if (navigator.appName==\'Netscape\') {document.write(unescape(newText)); document.close();}
else innerHTML = unescape(newText);
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<style type=\"text/css\">
<!--
#mylayerDiv {position:absolute; left:1600; top:0; width:638; height:289; clip:rect(0,638,289,0); z-index:7; background-image: url(../grafik/sheet.jpg); layer-background-image: url(../grafik/sheet.jpg); border: 1px none #000000\"}
#bgDiv {position:absolute; left:0; top:0; width:638; height:289; clip:rect(0,638,289,0); background-image: url(../grafik/sheet.jpg); layer-background-image: url(../grafik/sheet.jpg); border: 1px none #000000\"}
#textlayerDiv {position:absolute; left:0; top:0; width:638; height:289; clip:rect(0,638,289,0); border: 1px none #000000\"}
#scrollWindowDiv {position:absolute; left:30; top:0; width:550; height:289; clip:rect(0,550,289,0); border: 1px none #000000\"}
#scrollContentDiv {position:absolute; left:10; top:0; width:530;}
.brodtekst { font-family: \"Courier New\", Courier, mono; font-size: 16px; color: #000000}
.referencer { font-family: \"Courier New\", Courier, mono; font-size: 12px; color: #000000}
a.referencer:link {color: #ffffff; text-decoration: none;}
a.referencer:visited {color: #ffffff; text-decoration: none;}
a.referencer:active {color: #666666; text-decoration: none;}
a.referencer:hover {color: #666666; text-decoration: none;}
a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}
-->
</style>
</head>
<body bgcolor=\"#edfefe\" onLoad=\"init()\" background=\"../grafik/middle.gif\" text=\"#000000\" link=\"#000000\" vlink=\"#000000\" alink=\"#666666\">
<div id=\"mylayerDiv\">
<div id=\"bgDiv\"><img src=\"../grafik/sheetend.gif\" width=\"12\" height=\"289\" vspace=\"0\" hspace=\"0\" border=\"0\" name=\"end\"><img src=\"../grafik/sheet.gif\" width=\"626\" height=\"289\" vspace=\"0\" hspace=\"0\" border=\"0\"></div>
<DIV ID=\"scrollWindowDiv\">
<DIV ID=\"scrollContentDiv\"><? include(\"top.html\"); ?></DIV>
<div id=\"wheel1\" style=\"position:absolute; left:500px; top:117px; width:52px; height:51px; z-index:23\"><a href=\"java script:;\" onMouseOver=\"MM_showHideLayers(\'wheel1\',\'\',\'hide\',\'wheel1over\',\'\',\'show\',\'wheelr\',\'\',\'hide\')\"><img src=\"../grafik/wheel.gif\" width=\"52\" height=\"51\" border=\"0\" vspace=\"0\" hspace=\"0\"></a></div>
<div id=\"wheel1over\" style=\"position:absolute; left:500px; top:117px; width:52px; height:51px; z-index:22; visibility: hidden\"><a href=\"java script:;\" onMouseOver=\"MM_showHideLayers(\'wheel1\',\'\',\'hide\')\" onMouseUp=\"MM_showHideLayers(\'wheelr\',\'\',\'hide\')\" onMouseOut=\"MM_showHideLayers(\'wheel1\',\'\',\'show\',\'wheel1over\',\'\',\'hide\',\'wheelr\',\'\',\'hide\')\" onMouseDown=\"MM_showHideLayers(\'wheel1over\',\'\',\'hide\',\'wheelr\',\'\',\'show\')\"><img src=\"../grafik/wheel_over.gif\" width=\"52\" height=\"51\" vspace=\"0\" hspace=\"0\" border=\"0\"></a></div>
<div id=\"wheelr\" style=\"position:absolute; left:500px; top:117px; width:52px; height:51px; z-index:21; visibility: hidden\"><a href=\"java script:// Up\" onMouseDown=\"myscroll.up(); return false;\" onMouseUp=\"myscroll.stop();MM_showHideLayers(\'wheel1over\',\'\',\'show\',\'wheelr\',\'\',\'hide\')\" onMouseOut=\"myscroll.stop()\"><img src=\"../grafik/wheelr.gif\" width=\"52\" height=\"51\" vspace=\"0\" hspace=\"0\" border=\"0\"></a></div>
<div id=\"up\" style=\"position:absolute; left:560px; top:10px; width:20px; height:15px; z-index: 8\"><a href=\"java script:// Up\" onMouseDown=\"myscroll.up(); return false;\" onMouseUp=\"myscroll.stop()\" onMouseOut=\"myscroll.stop();MM_showHideLayers(\'uplight\',\'\',\'show\')\"><img src=\"../grafik/uplight.gif\" width=\"20\" height=\"15\" vspace=\"0\" hspace=\"0\" border=\"0\" name=\"up\" alt=\"op\"></a></div>
<div id=\"down\" style=\"position:absolute; left:560px; top:264px; width:20px; height:15px; z-index:9\"><A HREF=\"java script:// Down\" onMouseDown=\"myscroll.down(); return false;\" onMouseUp=\"myscroll.stop()\" onMouseOut=\"myscroll.stop();MM_showHideLayers(\'downlight\',\'\',\'show\')\"><img src=\"../grafik/downx.gif\" width=\"20\" height=\"15\" border=\"0\" vspace=\"0\" hspace=\"0\" alt=\"ned\" name=\"down\"></a></div>
<div id=\"uplight\" style=\"position:absolute; left:560px; top:10px; width:20px; height:15; z-index:10\"><a href=\"java script:// Up\" onMouseOver=\"MM_showHideLayers(\'uplight\',\'\',\'hide\')\"><img src=\"../grafik/up.gif\" width=\"20\" height=\"15\" border=\"0\" vspace=\"0\" hspace=\"0\"></a></div>
<div id=\"downlight\" style=\"position:absolute; left:560px; top:264px; width:20px; height:15px; z-index:11\"><a href=\"java script:// Down\" onMouseOver=\"MM_showHideLayers(\'downlight\',\'\',\'hide\')\"><img src=\"../grafik/downlightx.gif\" width=\"20\" height=\"15\" border=\"0\" vspace=\"0\" hspace=\"0\"></a></div>
</DIV>
</div>
<div id=\"Layer1\" style=\"position:absolute; left:0px; top:0px; width:62px; height:289px; z-index:1; background-image: url(../grafik/left.jpg); layer-background-image: url(../grafik/left.jpg); border: 1px none #000000\"></div>
<div id=\"Layer2\" style=\"position:absolute; left:734px; top:0px; width:62px; height:289px; z-index:2; background-image: url(../grafik/right.jpg); layer-background-image: url(../grafik/right.jpg); border: 1px none #000000\"></div>
<div id=\"Layer3\" style=\"position:absolute; left:-5px; top:16px; width:153px; height:26px; z-index:3; background-image: url(../grafik/logo.gif); layer-background-image: url(../grafik/logo.gif); border: 1px none #000000\"></div>
<div id=\"Layer5\" style=\"position:absolute; left:22px; top:58px; width:110px; height:25px; z-index:5\">
<?php echo gmdate(\"M d Y\");
?>
</div>
<div id=\"Layer4\" style=\"position:absolute; left:29px; top:100px; width:97px; height:73px; z-index:6\" class=\"brodtekst\">
<a href=\"java script:mylayer.glideTo(\'fast\',\'slow\',170,0,10,20)\" onMouseOver=\"java script:mylayer.glideTo(\'fast\',\'slow\',1600,0,10,20)\">Link
1</a><br>
<br>
<a href=\"java script:mylayer.glideTo(\'fast\',\'slow\',170,0,10,20)\" onMouseOver=\"java script:mylayer.glideTo(\'fast\',\'slow\',1600,0,10,20);MM_setTextOfLayer(\'scrollContentDiv\',\'\',\'%3Cimg src=%22../grafik/square.gif%22 width=%2215%22 height=%2215%22%3E%3Cspan class=%22brodtekst%22%3EBla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla%3C/span%3E\')\" onMouseDown=\"MM_showHideLayers(\'mylayerDiv\',\'\',\'show\')\">Link
2</a> <br>
</div>
<div id=\"botl\" style=\"position:absolute; left:0px; top:264; width:33px; height:25px; z-index:8\"><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'botl\',\'\',\'hide\',\'botm\',\'\',\'show\',\'botr\',\'\',\'show\',\'botlo\',\'\',\'show\',\'botmo\',\'\',\'hide\',\'botro\',\'\',\'hide\')\" onMouseDown=\"MM_showHideLayers(\'Layer6\',\'\',\'show\',\'Layer7\',\'\',\'hide\',\'Layer8\',\'\',\'hide\')\"><img src=\"../grafik/blue/bottoms/left.gif\" width=\"33\" height=\"25\" vspace=\"0\" hspace=\"0\" border=\"0\"></a></div>
<div id=\"botm\" style=\"position:absolute; left:33px; top:264px; width:30px; height:25px; z-index:9\"><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'botl\',\'\',\'show\',\'botm\',\'\',\'hide\',\'botr\',\'\',\'show\',\'botlo\',\'\',\'hide\',\'botmo\',\'\',\'show\',\'botro\',\'\',\'hide\')\"><img src=\"../grafik/blue/bottoms/middle.gif\" width=\"30\" height=\"25\" vspace=\"0\" hspace=\"0\" border=\"0\" onMouseDown=\"MM_showHideLayers(\'Layer6\',\'\',\'hide\',\'Layer7\',\'\',\'show\',\'Layer8\',\'\',\'hide\')\"></a></div>
<div id=\"botr\" style=\"position:absolute; left:63px; top:264px; width:34px; height:25px; z-index:10\"><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'botl\',\'\',\'show\',\'botm\',\'\',\'show\',\'botr\',\'\',\'hide\',\'botlo\',\'\',\'hide\',\'botmo\',\'\',\'hide\',\'botro\',\'\',\'show\')\"><img src=\"../grafik/blue/bottoms/right.gif\" width=\"34\" height=\"25\" vspace=\"0\" hspace=\"0\" border=\"0\" onMouseDown=\"MM_showHideLayers(\'Layer6\',\'\',\'hide\',\'Layer7\',\'\',\'hide\',\'Layer8\',\'\',\'show\')\"></a></div>
<div id=\"botlo\" style=\"position:absolute; left:0px; top:264px; width:36px; height:25px; z-index:11; visibility: hidden\"><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'botl\',\'\',\'show\',\'botlo\',\'\',\'hide\')\"><img src=\"../grafik/blue/bottoms/left_over.gif\" width=\"36\" height=\"25\" vspace=\"0\" hspace=\"0\" border=\"0\" onMouseDown=\"MM_showHideLayers(\'Layer6\',\'\',\'hide\')\"></a></div>
<div id=\"botmo\" style=\"position:absolute; left:30px; top:264px; width:36px; height:25px; z-index:12; visibility: hidden\"><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'botm\',\'\',\'show\',\'botmo\',\'\',\'hide\')\" onMouseDown=\"MM_showHideLayers(\'Layer7\',\'\',\'hide\')\"><img src=\"../grafik/blue/bottoms/middle_over.gif\" width=\"36\" height=\"25\" vspace=\"0\" border=\"0\" hspace=\"0\"></a></div>
<div id=\"botro\" style=\"position:absolute; left:60px; top:264px; width:37px; height:25px; z-index:13; visibility: hidden\"><a href=\"java script:;\" onClick=\"MM_showHideLayers(\'botr\',\'\',\'show\',\'botro\',\'\',\'hide\')\"><img src=\"../grafik/blue/bottoms/right_over.gif\" width=\"37\" height=\"25\" vspace=\"0\" hspace=\"0\" border=\"0\" onMouseDown=\"MM_showHideLayers(\'Layer8\',\'\',\'hide\')\"></a></div>
<div id=\"Layer6\" style=\"position:absolute; left:646px; top:1px; width:150px; height:289px; z-index:14; visibility: hidden\">
<TABLE WIDTH=\"150\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\">
<TR>
<TD BGCOLOR=\"#00FF00\" height=\"1\" WIDTH=\"1\"><IMG SRC=\"../grafik/spacer.gif\" WIDTH=\"1\" HEIGHT=\"1\" VSPACE=\"0\" HSPACE=\"0\" BORDER=\"0\"></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"><IMG SRC=\"../grafik/spacer.gif\" WIDTH=\"5\" HEIGHT=\"1\" VSPACE=\"0\" HSPACE=\"0\" BORDER=\"0\"></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"><IMG SRC=\"../grafik/spacer.gif\" WIDTH=\"138\" HEIGHT=\"1\" VSPACE=\"0\" HSPACE=\"0\" BORDER=\"0\"></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"><IMG SRC=\"../grafik/spacer.gif\" WIDTH=\"5\" HEIGHT=\"1\" VSPACE=\"0\" HSPACE=\"0\" BORDER=\"0\"></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"><IMG SRC=\"../grafik/spacer.gif\" WIDTH=\"1\" HEIGHT=\"1\" VSPACE=\"0\" HSPACE=\"0\" BORDER=\"0\"></TD>
</TR>
<TR>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"></TD>
<TD> </TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"></TD>
</TR>
<TR>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"></TD>
<TD> </TD>
<TD HEIGHT=\"100\"></TD>
<TD></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"></TD>
</TR>
<TR>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"></TD>
<TD> </TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR=\"#00FF00\" WIDTH=\"1\"></TD>
</TR>
<TR BGCOLOR=\"#00FF00\">
<TD height=\"1\" width=\"150\" colspan=\"5\"></TD>
</TR>
</TABLE>
<div id=\"cart\" style=\"position:absolute; left:6px; top:6px; width:138px; height:100px; z-index:30\">dghjdj</div>
</div>
<div id=\"Layer7\" style=\"position:absolute; left:540px; top:157px; width:141px; height:118px; z-index:15; background-color: #CCFF00; layer-background-color: #CCFF00; border: 1px none #000000; visibility: hidden\"><img src=\"../grafik/blue/bottoms/left.gif\" width=\"33\" height=\"25\" onMouseDown=\"MM_dragLayer(\'Layer8\',\'\',0,0,0,0,true,true,-1,-1,-1,-1,false,false,0,\'\',false,\'\')\"></div>
<div id=\"Layer8\" style=\"position:absolute; left:267px; top:205px; width:117px; height:58px; z-index:16; background-color: #0055fd; layer-background-color: #0055fd; border: 1px none #000000; visibility: hidden\"><img src=\"../grafik/blue/bottoms/left.gif\" width=\"33\" height=\"25\" onMouseDown=\"MM_dragLayer(\'Layer7\',\'\',0,0,0,0,true,true,-1,-1,-1,-1,false,false,0,\'\',false,\'\')\"></div>
</body>
</html>
KAZZ :)