Har ikke testet det. Prøv at implementer det med din side, jeg antager du har en switch som skifter en variable alt efter hvilken side man skal hen til.
Jeg antager din fil hedder index.php
Jeg antager din variable hedder page
altså.
http://www.domain.dk/index.php?page=XXXXX---------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML>
<HEAD>
<LINK rel="stylesheet" type="text/css" href="css/menu.css">
<STYLE type="text/css">
#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font: normal 10px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 80%;
display: block;
text-indent: 3px;
border-bottom: 0px solid;
padding: 1px 0;
text-decoration: none;
background-color: #505050;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #505050;
}
</STYLE>
<SCRIPT type="text/javascript">
<?
$i = 1;
$sql = "SELECT * FROM table WHERE parent_page=NULL ORDER BY doc_id";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result)) {
echo "var menu".$i."=new Array()";
$sql2 = "SELECT * FROM table WHERE parent_page='".$row['doc_id']."' ORDER BY doc_id";
$result2 = mysql_query($sql2);
$ii = 1;
while($row2 = mysql_fetch_array($result2)) {
echo "menu".$i."[".$ii."]='<A href=\"/index.php?page=".$row2['doc_id']."\">".$row2['title']."</A>'";
$ii++
}
$i++
}
?>
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (
www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit
http://www.dynamicdrive.com/ for full source code
***********************************************/
var menuwidth='200px' //default menu width
var menubgcolor='transparant' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</SCRIPT>
</HEAD>
<BODY>
<?
$i = 1;
$sql = "SELECT * FROM table WHERE parent_page=NULL ORDER BY doc_id";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result)) {
echo "<A onMouseover=\"dropdownmenu(this, event, menu".$i.", '200px')\" onMouseout=\"delayhidemenu()\">".$row['title']."</A> ";
$i++
}
?>
</BODY>
</HTML>
