MmiggoMedlem sedan nov. 200236 inlägg Frågan#1 <html>
<head>
</head>
<body onLoad="initmenu();" bgcolor="#ffffff" link="#808080" vlink="#000000" alink="#808080" text="#000000">
<br>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0"><tr><td width="600">
<script language="JavaScript">
var currentMenu=false;
var menues=new Array('sub1','sub2','sub3','sub4');
function sw(mnu){
if(currentMenu){
if(currentMenu==mnu){changeStyle(mnu,'display','none');cur
rentMenu=false;}else{changeStyle(currentMenu,'display','none
');changeStyle(mnu,'display','block');currentMenu=mnu;}
} else {
changeStyle(mnu,'display','block');currentMenu=mnu;
}
}
function changeStyle(Id,Property,Value){
if (document.all){
eval('document.all[Id].style.'+Property+'="'+Value+'"');
} else if (document.layers){
eval('document.layers[Id].'+Property+'="'+Value+'"');
} else if (document.getElementById){
eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
}
}
function initmenu(){
for(var n=0;n<menues.length;n++){
changeStyle(menues[n],'display','none');
}
}
</script>
<div onClick="sw('sub1');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub1" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
<div onClick="sw('sub2');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub2" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
<div onClick="sw('sub3');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub3" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
<div onClick="sw('sub3');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub3" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
</td></tr></table>
</div>
</body>
</html>
MmiggoMedlem sedan nov. 200236 inlägg jag får inte till den sista "övrigt" alltså jag har försökt allt, hjälp?!
JJojoxxMedlem sedan juni 20004 308 inlägg sub4 saknas, samt att några felaktiga radbrutningar smugit sig in i koden.
<html>
<head>
</head>
<body onLoad="initmenu();" bgcolor="#ffffff" link="#808080" vlink="#000000" alink="#808080" text="#000000">
<br>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0"><tr><td width="600">
<script language="JavaScript">
var currentMenu=false;
var menues=new Array('sub1','sub2','sub3','sub4');
function sw(mnu){
if(currentMenu){
if(currentMenu==mnu){changeStyle(mnu,'display','none');
currentMenu=false;}else{changeStyle(currentMenu,'display','none');
changeStyle(mnu,'display','block');currentMenu=mnu;}
} else {
changeStyle(mnu,'display','block');currentMenu=mnu;
}
}
function changeStyle(Id,Property,Value){
if (document.all){
eval('document.all[Id].style.'+Property+'="'+Value+'"');
} else if (document.layers){
eval('document.layers[Id].'+Property+'="'+Value+'"');
} else if (document.getElementById){
eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
}
}
function initmenu(){
for(var n=0;n<menues.length;n++){
changeStyle(menues[n],'display','none');
}
}
</script>
<div onClick="sw('sub1');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub1" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
<div onClick="sw('sub2');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub2" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
<div onClick="sw('sub3');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub3" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
<div onClick="sw('sub4');" style="width:100px;cursor:default;border:solid black 1 px;background-color:rgb(231,222,181);">Övrigt</div>
<div id="sub4" style="width:100px;border:solid black 1 px;background-color:rgb(211,189,141);"><a href="#">nåt</a><br><a href="#">nåt</a><br><a href="#">nåt</a></div>
</td></tr></table>
</div>
</body>
</html>
MmiggoMedlem sedan nov. 200236 inlägg när jag kopierade den koden som du skrev kom ett förnster upp med ett fel meddelande, sen funkade inte att dra upp rutorna?
Mvvh
JJojoxxMedlem sedan juni 20004 308 inlägg Det får tygligen inte plats på bredden. Bifogar en fil istället.
MmiggoMedlem sedan nov. 200236 inlägg tack så mycket, en sak till om det går bra hur får jag bort dom linjerna under "nåt"?
Mvh
JJojoxxMedlem sedan juni 20004 308 inlägg Lägg till i head;
<style type="text/css">
a { text-decoration: none;}
</style>
JJojoxxMedlem sedan juni 20004 308 inlägg Ser att du gjort en del dubbel/korspostningar mellan forumen. Det är inte populärt så läs gärna igenom wF's förhållningsregler.
