<HTML>
<HEAD>
<!-- Minus AutoDato -->
<title>index</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3">
<link rel="stylesheet" type="text/css" href="index/style.css">
<style type="text/css">
a
{text-decoration: none;
}
.title
{position: absolute;
width: 100px;
height: 20px;
left: 10px;
z-index: 10;
font-family: Humanst521 BT,verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
.submenu
{position: absolute;
left: 25px;
width: 120px;
border: 1px solid black;
background-color: black;
layer-background-color: black;
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
visibility: hidden;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
var nom = 6; // Number of menus
var usePictures = 1; // use pictures? 1 = yes, 0 = no
var ttls = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var lastn;
var lastmove;
if (document.layers) {
visible = 'show';
hidden = 'hide';
}
else
if (document.all) {
visible = 'visible';
hidden = 'hidden';
}
for (var i = 1; i <= nom; i++) {
ttls[i] = ('title' + i);
subs[i] = ('submenu' +i);
}
function picopen(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "./index/opened.gif";
}
else if (document.all) {
document.all(pic).src = "./index/opened.gif";
}
}
function picclose(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "./index/closed.gif";
}
else if (document.all) {
document.all(pic).src = "./index/closed.gif";
}
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
picclose(n); // Remove this if you don't use pictures
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls[i]].top -= move;
document.layers[subs[i]].top -= move;
}
else if (document.all) {
document.all(ttls[i]).style.pixelTop -= move;
document.all(subs[i]).style.pixelTop -= move;
}
}
}
}
function toggle(n,move) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
if (usePictures)
picclose(n);
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls[i]].top -= move;
document.layers[subs[i]].top -= move;
}
else if (document.all) {
eval ("document.all('" + ttls[i] + "').style.pixelTop -= " + move);
eval ("document.all('" + subs[i] + "').style.pixelTop -= " + move);
}
}
}
else {
submenu.visibility = visible;
if (usePictures) picopen(n);
if (lastn != n) {
alert (lastn + " " + lastmove);
lasttoggle(lastn,lastmove);
}
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls[i]].top += move;
document.layers[subs[i]].top += move;
}
if (document.all) {
document.all(ttls[i]).style.pixelTop += move;
document.all(subs[i]).style.pixelTop += move;
}
}
}
lastn = n;
lastmove = move;
}
</script>
</HEAD>
<BODY BGCOLOR="#000000" vlink="#C29266" body scroll="no">
<script language="javascript" type="text/javascript" language="javascript" src="index/windowsize_forside.js">
</script>
<div class="title" id="title1" style="top: 85.3%;left:29%">
<a href="#" onclick="java script: toggle(1,0); return false"><img name="pic1" src="./index/closed.gif" border="0">København</a>
</div>
<div class="title" id="title2" style="top: 89%;left: 30.4%">
<a href="#" onclick="java script: toggle(2,0); return false"><img name="pic2" src="./index/closed.gif" border="0">Århus</a>
</div>
<div class="submenu" id="submenu2" style="top: 92%;left: 31.3%">
<a href="./brun.htm">Spanien</a><br>
<a href="#">Knudrisgade</a><br>
</div>
<div class="title" id="title3" style="top: 85.3%;left: 45.6%">
<a href="#" onclick="java script: toggle(3,0); return false"><img name="pic3" src="./index/closed.gif" border="0">Odense</a>
</div>
<div class="title" id="title4" style="top: 89%;left: 45.8%">
<a href="#" onclick="java script: toggle(4,0); return false"><img name="pic4" src="./index/closed.gif" border="0">Esbjerg</a>
</div>
<div class="title" id="title5" style="top: 85.3%;left: 59.2%">
<a href="#" onclick="java script: toggle(5,0); return false"><img name="pic5" src="./index/closed.gif" border="0">Frederikshavn</a>
</div>
<div class="title" id="title6" style="top: 89%;left: 61%">
<a href="#" onclick="java script: toggle(6,0); return false"><img name="pic6" src="./index/closed.gif" border="0">Herning</a>
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
