Hjælp til menubar
Jeg har slet ingen forstand på java!!!Og jeg skal kun bruge det til at lave en menu på min hjemmeside fordi asp.net ikke har den finess.
Jeg skal have en menu som er tekstbaseret
Når man trykker på linket skal der komme flere links neden under.
Eks:
Om mig
CV
Interesser
billeder
Links
link1
link2
”CV” og ”Interesser” skal først vises når man trykker på ”Om mig”
Og hvis man så trykker på Links så skal de ikke vises mere men så skal ”link2” og ”link2” vises.
Jeg har fundet noget kode på nettet, men det virker ikke helt som forventet.
Menuen folder nemlig kun sammen igen hvis man trykker på menupunktet igen.
Nogen som har et bud??
Min kode:
Men <!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">
<head>
<script type="text/javascript">
var enablepersist="on"
var collapseprevious="no"
if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}
function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}
function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}
function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}
function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}
document.cookie=window.location.pathname+"="+selectedItem
}
function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0"
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0
if (!firsttimeload)
revivecontent()
}
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>menu test 4</title>
</head>
<body>
<h3 OnClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer">test 1</h3>
<div id="sc1" class="switchcontent">
<a href="1a.html" target="indhold">1a</a><br />
<a href="1b.html" target="indhold">1b</a><br />
<a href="1c.html" target="indhold">1c</a><br />
</div>
<h3 onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer">test 2</h3>
<div id="sc2" class="switchcontent">
<a href="2A.html" target="indhold">2a</a>
</div>
<h3 onClick="expandcontent('sc3')" style="cursor:hand; cursor:pointer">test 3</h3>
<div id="sc3" class="switchcontent">
<a href="3a.html" target="indhold">3a</a>
</div>
</body>
</html>
