Hjælp til Javascript menu med ASP Loop
Hej!Jeg har en JavaScript menu som jeg gerne vil have lavet dynamisk, dette kan jeg også men har et problem med at den smidder menuerne oven på hindanden (DIV) og ikke som den skal neden under hinanden som den gerne skulle!
Min kode er som følger : (Er ikke færdigt hvad angår ASP)
<%
Dim dbDocEditConn
Dim connection
Dim rs
Dim rslink
Dim linkConn
Dim linkSql
'####### Document info ############
'## Create db objects and SQL
set dbDocEditConn = Server.CreateObject("ADODB.Connection")
dbDocEditConn.Open Application("ConnectString")
Set rs = Server.CreateObject("ADODB.Recordset")
sql = "SELECT * FROM documents;"
Set rs = dbDocEditConn.Execute(sql)
'####### link ############
'## Create db objects and SQL
set linkConn = Server.CreateObject("ADODB.Connection")
linkConn.Open Application("ConnectString")
Set rslink = Server.CreateObject("ADODB.Recordset")
linkSql = "SELECT * FROM link WHERE link.menuid=" & request.querystring("menurecordid") & " ORDER BY link.link;"
Set rslink = linkConn.Execute(linkSql)
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
a
{text-decoration: none;
color: #CC0033;
}
A:HOVER {
background-color : #CC0033;
color: White;
}
.title
{position: absolute;
width: 100px;
height: 20px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}
.submenu
{position: absolute;
left: 25px;
width: 120px;
border: 1px solid #CC0033;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
visibility: hidden;}
</style>
<SCRIPT LANGUAGE="JavaScript">
var nom = 4; // 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 = "../../frame/img/opened.gif";
}
else if (document.all) {
document.all(pic).src = "../../frame/img/opened.gif";
}
}
function picclose(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "../../frame/img/closed.gif";
}
else if (document.all) {
document.all(pic).src = "../../frame/img/closed.gif";
}
}
lastn = (nom + 1);
lastmove = 0;
function lasttoggle(n,move) {
if (n <= nom) {
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) {
document.all(ttls[i]).style.pixelTop -= move;
document.all(subs[i]).style.pixelTop -= move;
}
}
}
else {
submenu.visibility = visible;
if (usePictures) picopen(n);
if (lastn != n) {
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;
}
// End -->
</script>
</head>
<body bgColor="#FFFFFF">
<% While (not rslink.EOF)%>
<div class="title" id="title<%=rslink("recordid")%>" style="top: 0px">
<a href="#" onclick="java script: toggle(1,30); return false"><img name="pic1" src="../../frame/img/closed.gif" border="0"><%=rslink("link")%></a>
</div>
<div class="submenu" id="submenu<%=rslink("recordid")%>" style="top: 20px">
<a href="page01.html" target="right">Item # 1</a><br>
<a href="page02.html" target="right">Item # 2</a>
</div>
<%
rslink.movenext
wend
%>
</body>
</html>
Kan nogen hjælpe mig med dette??
/Stig :-)
