Mangler en lukke funktion til min menu..
Hej eksperterJeg fandt dette script her på Eksperten, og som i kan se så er det en css menu. Men jeg vil gerne have lavet et par ændringer i scriptet.
1. Jeg ville gerne hvis man kunne lukke den åbne drop igen ved at klikke på overskriften. ( men vil selvfølgelig behølde funktionen der gør at der kun kan være en åben af gangen. )
2. Jeg har lagt billederne open.gif og close.gif ind i mappen images, men billederne bliver ikke vist når jeg åbner sitet, men først når jeg har åbent en overskrift, og lukket den igen.
Så hvis mit problem og mit ønske kan blive løst ville jeg blive glad.
På forhånd tak, Kenneth
Har prøvet at lægge billederne i mappe og bruge denne funktion i stedet for:
<script type="text/JavaScript">
var actMen = false;
function toggle(elm) {
var idInx = elm.id.split("head_")[1];
var tDiv = document.getElementById("text_"+idInx);
var im = document.getElementById("icn_"+idInx);
if (actMen) {
actMen.elm.style.display = "none";
actMen.im.src = "images/open.gif";
}
tDiv.style.display = (tDiv.style.display=="none")? "block" : "none";
im.src = (im.src.indexOf("open")!=-1)? "images/close.gif" : "images/open.gif";
actMen = {"elm":tDiv, "im":im};
}
</script>
Menu koden:
<HTML>
<HEAD>
<TITLE> side titel</TITLE>
<LINK href="indexSheet.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<style type="text/css">
.cont {
width: 200px;
font: 11px verdana, arial, sans-serif;
}
.cont img {
vertical-align: middle;
}
.cont a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
.cont a:visited {
color: #000000;
text-decoration: none;
}
.cont a:hover {
color: #aaaaaa;
text-decoration: none;
}
.cont div {
margin: 5px 0px 5px 20px;
background-color: #ededed;
border: 1px dashed #cccccc;
}
</style>
<script type="text/JavaScript">
var actMen = false;
function toggle(elm) {
var idInx = elm.id.split("head_")[1];
var tDiv = document.getElementById("text_"+idInx);
var im = document.getElementById("icn_"+idInx);
if (actMen) {
actMen.elm.style.display = "none";
actMen.im.src = "open.gif";
}
tDiv.style.display = (tDiv.style.display=="none")? "block" : "none";
im.src = (im.src.indexOf("open")!=-1)? "close.gif" : "open.gif";
actMen = {"elm":tDiv, "im":im};
}
</script>
<div class="cont"><img id="icn_1" src="open.gif">
<a href="#" id="head_1" onclick="toggle(this);return false">1 Overskrift</a>
<div id="text_1" style="display:none">
<a href="#">Sub til 1</a><br>
<a href="#">Sub til 1</a><br>
<a href="#">Sub til 1</a>
</div>
</div>
<div class="cont"><img id="icn_2" src="open.gif">
<a href="#" id="head_2" onclick="toggle(this);return false">2 Overskrift</a>
<div id="text_2" style="display:none">
<a href="#">Sub til 2</a><br>
<a href="#">Sub til 2</a>
</div>
</div>
</BODY>
</HTML>
