hjælp til fanebladsmenu
Er der en der kan hjælpe med nedenstående side.når jeg klikke på faneblad 2 - vises faneblads 2 submenu kort og så går den tilbage på faneblad 1.
Jeg har hentet "inspiration" fra www.nightleif.dk men de kører det i frames - og det ønsker jeg ikke. (hele sidens kode er lagt ind nedenfor)
er der en der kan hjælpe med at fixe det?
.................................................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HTML>
<head>
<title>titel</title>
<script src="js/javascript.js" type="text/javascript" language="javascript"></script>
<script src="http://www.domaene.dk/mappe1/js/javascript.js" type="text/javascript" language="JavaScript"></script>
<script src="http://www.domaene.dk/mappe1/js_functions.js" type="text/javascript" language="JavaScript"></script>
<script>
<!--
if (window!= top)
top.location.href=location.href
// -->
</script>
<script language="JavaScript1.2">
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//-->
</script>
</head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
//*****************************************************************
// SUB1 ARRAYS - NB!! JAVASCRIPT LINKS ARE NOT POSSIBLE IN SUB1
//*****************************************************************
arr_1 = new Array("1-2", "1-2", "1-2", "1-2", "1-2", "1-2" );
arr_1_links = new Array("http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm" , "http://www.domaene.dk/mappe1/menu_ny.htm" , "http://www.domaene.dk/mappe1/menu_ny.htm" , "http://www.domaene.dk/mappe1/menu_ny.htm");
arr_2 = new Array("1-2", "1-2", "2-2", "3-2", "4-2");
arr_2_links = new Array("http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm");
arr_3 = new Array("1-3", "2-3", "3-3", "4-3");
arr_3_links = new Array("http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm");
arr_4 = new Array("1-4", "2-4", "3-4", "4-4", "5-4", "6-4");
arr_4_links = new Array("http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm","http://www.domaene.dk/mappe1/menu_ny.htm");
arr_5 = new Array("1-5", "2-5", "3-5");
arr_5_links = new Array("http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm");
arr_6 = new Array("1-6", "2-6", "3-6", "4-6", "5-6", "7-6");
arr_6_links = new Array("http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm", "http://www.domaene.dk/mappe1/menu_ny.htm");
function menu_click(num){
arr = new Array(1,2,3,4,5,6);
// remove all button bg's
for(i=0;i<arr.length;++i)
document.getElementById('button_' + arr[i]).style.backgroundImage = "none";
document.getElementById("button_" + num).style.backgroundImage = "";
// SHOW SUB1
change_sub1(num);
}
function change_sub1(num)
{
arr = eval("arr_" + num);
arr_links = eval("arr_" + num + "_links")
str = "";
for(i=0;i<arr.length;++i){
t = arr[i].split("##");
nameStr = t[0];
//keyStr = t[1];
if(nameStr)
str += " <a href=\"" + arr_links[i] + "\" class=\"sub1_link\" target=\"content\">" + nameStr + "</a> ";
}
document.getElementById("sub1").innerHTML = str;
}
sPos = -66;
posAdd = 11; // 6 run through
function doPos(){
sPos += posAdd;
document.all['popUpStatusBox'].style.pixelTop = sPos;
document.all['popUpStatusBoxBg'].style.pixelTop = sPos;
document.all['popUpStatusBoxBorder'].style.pixelTop = sPos;
if(sPos < 0){
setTimeout("doPos()",100);
} else {
setTimeout("closeStatus()",120000);
}
}
function closeStatus(){
sPos -= posAdd;
document.all['popUpStatusBox'].style.pixelTop = sPos;
document.all['popUpStatusBoxBg'].style.pixelTop = sPos;
document.all['popUpStatusBoxBorder'].style.pixelTop = sPos;
if(sPos > -66){
setTimeout("closeStatus()",100);
}
}
var thisOpen;
function PopProfile(id) {
PopProfileWin = window.open('/pages/profil/popUp/index.php?profilId=' + id, 'nlProfileWin', 'left=' + screen.availHeight-800 + ',top=50,height=' + (screen.availHeight-100) + ',width=775,top=0,left=0,scrollbars=yes,resizable=yes,location=no')
thisOpen = parent.topbar;
}
//-->
</SCRIPT>
<style type="text/css">
.sub {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}
.bod {
font-family: "MS Sans Serif";
font-size: 10px;
color: #000000;
}
.bodb{
font-family: "MS Sans Serif";
font-size: 10pt;
color: #000000;
font-weight: bold;
}
.bodi{
font-family: "serif";
font-size: 10pt;
color: #C0C0C0;
font-style:italic
}
.sub2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.subgrey {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #C0C0C0;
font-style:italic
}
.bodwh {
font-family: "MS Sans Serif";
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
font-style: italic
}
.sub3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #cc0000;
font-style:italic
}
BODY
{
/* background-image: url('http://www.domaene.dk/mappe1/images/topbar_05.jpg');*/
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#FFFFFF;
font-family:arial;
font-size:12px;
font-weight:bold;
color : #FFFFFF
}
#button_1
{
background-image: url("http://www.domaene.dk/mappe1/images/1.gif");
background-repeat:no-repeat;
position:absolute;
left:105px;
top:66px;
height:24px;
width:65px;
text-align:center;
padding-top:5px;
}
#button_2
{
background-image: url("http://www.domaene.dk/mappe1/images/2.gif");
background-repeat:no-repeat;
position:absolute;
left:170px;
top:67px;
height:23px;
width:85px;
text-align:center;
padding-top:5px;
}
#button_3
{
background-image: url("http://www.domaene.dk/mappe1/images/3.gif");
background-repeat:no-repeat;
position:absolute;
left:255px;
top:67px;
height:23px;
width:62px;
text-align:center;
padding-top:5px;
}
#button_4
{
background-image: url("http://www.domaene.dk/mappe1/images/4.gif");
background-repeat:no-repeat;
position:absolute;
left:317px;
top:64px;
height:26px;
width:106px;
text-align:center;
padding-top:8px;
}
#button_5
{
background-image: url("http://www.domaene.dk/mappe1/images/5.gif");
background-repeat:no-repeat;
position:absolute;
left:423px;
top:62px;
height:28px;
width:47px;
text-align:center;
padding-top:10px;
}
#button_6
{
background-image: url("http://www.domaene.dk/mappe1/images/6.gif");
background-repeat:no-repeat;
position:absolute;
left:470px;
top:56px;
height:34px;
width:93px;
text-align:center;
padding-top:16px;
}
.button_link
{
color : #FFFFFF;
text-decoration : none;
}
.button_link:hover
{
text-decoration : underline;
}
#logo
{
position:absolute;
left:48px;
top:4px;
}
#sub1
{
position:absolute;
left:15;
top:89px;
height:25;
width:700px;
}
.sub1_link
{
color : #FFFFFF;
text-decoration : none;
font-size:11px;
font-weight:normal;
}
.sub1_link:hover
{
text-decoration : underline;
}
#smallMenu
{
position:absolute;
left:635px;
top:89px;
color:#FFFFFF;
z-index:10;
}
A.smallMenu
{
color : #FFFFFF;
text-decoration : none;
font-size : 10px;
}
A.smallMenu:hover
{
text-decoration :underline;
}
.dd
{
color : #FFFFFF;
text-decoration : none;
font-size : 10px;
}
.ddLink
{
color : #FFFFFF;
text-decoration : none;
font-size : 10px;
}
.ddLink:hover
{
text-decoration : underline;
}
</style>
</head>
<body topmargin="0" marginheight="0" bgcolor="#F0E7DC" background="http://www.domaene.dk/mappe1/bg.gif" style="background-image: url('')" >
<div id="smallMenu">
</div>
<div id="button_1" style="position: absolute; left: 145px; top: 69px"><a href="http://www.domaene.dk/mappe1/menu_ny.htm" onclick="menu_click(1);" class="button_link">Link1</a></div>
<div id="button_2" style="position: absolute; left: 212px; top: 70px"><a href="http://www.domaene.dk/mappe1/menu_ny.htm" onclick="menu_click(2);" class="button_link">Link2</a></div>
<div id="button_3" style="position: absolute; left: 300px; top: 70px"><a href="http://www.domaene.dk/mappe1/menu_ny.htm" onclick="menu_click(3);" class="button_link">Link3</a></div>
<div id="button_4" style="position: absolute; left: 364px; top: 67px"><a href="http://www.domaene.dk/mappe1/menu_ny.htm" onclick="menu_click(4);" class="button_link">Link4</a></div>
<div id="button_5" style="position: absolute; left: 474px; top: 66px"><a href="http://www.domaene.dk/mappe1/menu_ny.htm" onclick="menu_click(5);" class="button_link">Link5</div>
<div id="button_6" style="position: absolute; left: 524px; top: 61px"><a href="http://www.domaene.dk/mappe1/menu_ny.htm" onclick="menu_click(6);" class="button_link">Link6</a></div>
<div id="sub1" style="position: absolute; left: 121px; top: 90px; width: 1020px"></div>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
menu_click(1);
//-->
</SCRIPT>
<div align="center">
<table border="0" cellpadding="3" cellspacing="0" width="1017" id="table9">
<tr>
<td>
<a href="http://www.domaene.dk/mappe1/menu_ny.htm" target="_parent"><img src="http://www.domaene.dk/mappe1/images/topbar_05.jpg" style="border:0px;" /></a></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" width="1017" id="table5">
<tr>
<td>
<div align="center">
<table border="0" width="1017" cellspacing="0" cellpadding="0" id="table6">
<tr>
<td valign="top" height="200" align="left">
<img border="0" src="images/table.jpg" width="482" height="216"></td>
<td width="25" valign="top">
</td>
<td width="484" valign="top">
<img border="0" src="images/carri.jpg" width="482" height="218"></td>
</tr>
</table>
</div>
<div align="center">
<div align="center">
<table border="0" width="90%" id="table2">
<tr>
<td>
<table border="0" width="1017" cellspacing="0" cellpadding="0" id="table3">
<tr>
<td height="60" valign="top" width="193">
<img border="0" src="http://www.domaene.dk/mappe1/images/billede.jpg" width="207" height="90"></td>
<td height="60" valign="top" width="193">
<img border="0" src="http://www.domaene.dk/mappe1/images/billede.jpg" width="207" height="90"></td>
<td height="60" valign="top" width="193">
<img border="0" src="http://www.domaene.dk/mappe1/images/billede.jpg" width="202" height="90"></td>
<td height="60" valign="top" width="193">
<img border="0" src="http://www.domaene.dk/mappe1/images/billede.jpg" width="203" height="90"></td>
<td height="60" valign="top" width="196">
<img border="0" src="http://www.domaene.dk/mappe1/images/billede.jpg" width="198" height="90"></td>
</tr>
<tr>
<td align="left" style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom-width: 1px">
<p class="bodb" align="left">Overskrift</td>
<td align="left" style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom-width: 1px">
<p class="bodb" align="left">Overskrift</td>
<td align="left" style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom-width: 1px">
<p class="bodb" align="left">overskrift</td>
<td align="left" style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom-width: 1px">
<p class="bodb" align="left">overskrift</td>
<td align="left" style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; border-bottom-width: 1px">
<p class="bodb">overskrift</td>
</tr>
<tr>
<td align="left" style="border: 1px solid #C0C0C0">
<p class="bod">4 lines text<br>
4 lines text<br>
4 lines text<br>
4 lines text</td>
<td align="left" style="border: 1px solid #C0C0C0">
<p class="bod">4 lines text<br>
4 lines text<br>
4 lines text<br>
4 lines text</td>
<td align="left" style="border: 1px solid #C0C0C0">
<p class="bod">4 lines text<br>
4 lines text<br>
4 lines text<br>
4 lines text</td>
<td align="left" style="border: 1px solid #C0C0C0">
<p class="bod">4 lines text<br>
4 lines text<br>
4 lines text<br>
4 lines text</td>
<td align="left" style="border: 1px solid #C0C0C0">
<p class="bod">4 lines text<br>
4 lines text<br>
4 lines text<br>
4 linses text</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<div align="center">
<table border="0" width="1017" cellspacing="0" cellpadding="2" id="table7">
<tr>
<td bgcolor="#C54548">
<p class="bodwh" align="left">hvad</span></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" width="1024" cellspacing="0" id="table8" cellpadding="4">
<tr>
<td valign="top" width="167">
<img border="0" src="images/texas.jpg" width="167" height="130"></td>
<td valign="top">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="left">
<table border="0" width="100%" id="table2" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: dotted; border-bottom-width: 1px">
<tr>
<td style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: dotted; border-bottom-width: 1px"><B><p align="left" class="bod">3 linjer tekst<br>
</B>3 linjer tekst<BR>
3 linjer tekst</td>
</tr>
<tr>
<td style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: dotted; border-bottom-width: 1px"><B><p align="left" class="bod">3 linjer tekst<br>
</B>3 linjer tekst<BR>
3 linjer tekst</td>
</tr>
<tr>
<td><B><p align="left" class="bod">3 linjer tekst<br>
</B>3 linjer tekst<BR>
3 linjer tekst</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
<td valign="top" width="339">
<img border="0" src="images/mobile.jpg" width="339" height="130"></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" id="table1">
<tr>
<td align="center"><p><a href="http://domaene.dk/bout.asp">bout</a></td>
<td align="center"><p><a href="http://domaene.dk/sible.asp">Sible</a></td>
<td align="center"><p><a href="http://domaene.dk/page.asp">Page</a></td>
<td align="center"><p><a href="http://domaene.dk/contact.asp">kontakt</a></td>
</tr>
<tr>
<td colspan="4" class="bod"><p align="center"><i><font face="Tahoma" size="2"><b>tekst</b></font></i></td>
</tr>
</table>
</div></body></html>
</td>
</tr>
</table>
</div>
