desværre er jeg ikke kommet så langt endnu, men koden er her:<head> <link rel=stylesheet href=http://localhost/menu.css type=text/css>
<script language=JavaScript src=http://localhost/content.js></script>
<script language=JavaScript src=http://localhost/menu.js></script>
</head>
<body>
<a href=http://localhost/ onMouseOver = \"menu_enter (1);\" onMouseOut = \"menu_exit (1);\" class=topMenu>Artikler</a>
</body>
content.js:
var left_corner_x = 124; // x-coordinate of top left corner of dropdown menu
var left_corner_y = 240; // y-coordinate of top left corner of dropdown menu
var back_color = \'#9933FF\'; // the background color of dropdown menu
var border_color = \'#6600CC\'; // the color of dropdown menu border
var border_size = \'2\'; // the width of dropdown menu border
var menu_width = \'100\'; // the width of dropdown menu
//
var delay = 500;
var active_layer_id = -1;
var on_layer_id = -1;
var buff_id = -1;
// menu content; the dropdown menus themselfs between \'\' and items of every dropdown menu are diveded by |;
//
menu_content = new Array (\'100 | <a href=http://localhost/forum/index.php?f=0 class=subMenu>Oversigt</a>\' |);
menu.js:
// check browser version
NS4 = (document.layers) ? 1 : 0;
function layer_enter (id)
{
on_layer_id = id;
}
function layer_exit (id)
{
on_layer_id = - 1;
setTimeout (\'hide(\'+ id +\')\', delay/5);
}
function menu_enter (id)
{
if (buff_id >= 0)
hide (buff_id);
show (id);
active_layer_id = id;
}
function menu_exit (id)
{
setTimeout (\'hide(\'+ id +\')\', delay);
buff_id = active_layer_id;
active_layer_id = -1;
}
function show (id)
{
if (!NS4)
document.all[\'Menu\' + id].style.visibility = \"visible\";
else
document.layers[id].visibility = \"visible\";
}
function hide (id)
{
if (active_layer_id != id && on_layer_id != id)
{
if (!NS4)
document.all[\'Menu\' + id].style.visibility = \"hidden\";
else
document.layers[id].visibility = \"hide\";
}
}
function generate_layers ()
{
for (i = 0; i < menu_content.length; i++)
{
elements = menu_content[i].split (/\\s*\\|\\s*/);
layer_body = \'\';
menu_width = elements[0]*1;
for (j = 1; j < elements.length; j++)
{
layer_body += elements[j];
if ((NS4 && j < elements.length - 1) || (!NS4 && j < elements.length - 1))
layer_body += \'<hr width=\' + (menu_width - 8) + \' size=0 color=\'+ back_color + \'>\';
}
if (!NS4)
layer_header = \'<div id=Menu\' + i +
\' onMouseOver=\"layer_enter (\' + i + \');\" onMouseOut = \"layer_exit (\' + i + \');\"\' +
\' style=\"visibility: hidden; position: absolute; left: \' + (left_corner_x) +
\'; top: \' + left_corner_y + \';\">\';
else
layer_header = \'<layer id=\' + i +
\' onMouseOver=\"layer_enter (\' + i + \');\" onMouseOut = \"layer_exit (\' + i + \');\"\' +
\' visibility=hide left=\' + (left_corner_x) +
\' top = \' + left_corner_y + \'>\';
layer_header += \'<table width=\' + menu_width + \' cellpadding=0 cellspacing=0 border=0>\' +
\'<td bgcolor=\' + border_color + \'><table width=\' + menu_width + \' cellpadding=3 \' +
\'cellspacing=\' + border_size + \' border=0><td width=\' + menu_width + \' bgcolor=\' + back_color + \'>\';
layer_footer = \'</td></table></td></table>\';
if (!NS4)
layer_footer += \'</div>\';
else
layer_footer += \'</layer>\';
document.writeln (layer_header + layer_body + layer_footer);
left_corner_x = left_corner_x*1 + menu_width*1;
}
}
generate_layers ();
håber ikke det er for meget at smide ind her
jeg går ikke ud fra at css filen har nogen betydning her.
liza
Ny bruger
Nybegynder
Opret
Preview
