Ved ikke hvorfor jeg spørger her, men man kunne jo være hlældig at et havde bare en smule styr på det.
Jeg er ved at lære noget javascript, men jeg sidder fast i et script jeg virkelig skal bruge. Jeg ved ikke hvorfor det ikke virker... Det kan være der er andre måder man kan gøre det? Jeg tror problemet ligger omkring current, da der jo opstår 2xclass men jeg er ikke sikker. og i det tilfælde hvad skal jeg så gøre...
Jeg skal bruge scriptet til en file manager så derfor jeg blir nød til at lære lidt om det. Og nu da jeg er igang vil jeg gerne lige takke Mads for at have skrevet en mega nice javascript artikel - Dynamiske hjemmesider med Javascript.
Well her er koden
<script type="text/javascript">
var hide = true;
var open = false;
function showMenu(ID) {
var elements = document.getElementById(ID).innerHTML;
var i = 0;
var current;
var press = 1;
while(current = elements[ i]) {
if(current.className == "Invisible"){
current.className = "link";
}
i++;
}
open = true;
}
function hideMenu(ID) {
if(hide == true) {
var elements = document.getElementById(ID).innerHTML;
var i = 0;
var current;
while(current = elements[ i]) {
if(current.className == "link") {
current.className = "Invisible";
}
i++
}
open = false;
}
else {
hide = true;
}
}
function navigate(mad) {
window.location.href = mad;
}
var gemme;
function visoggem(ID) {
if(gemme == 1) {
hideMenu(ID);
gemme = 0;
} else {
gemme = 1;
Hide=false;
showMenu(ID);
}
}
</script>
<div class="DropMenu" ID="Element1" onClick="visoggem('Element1');">
<span class="DropReleaser">Dropdown</span>
<span class="Invisible" id="DD" onClick="navigate('DDMenu.edit.asp');">Link1</span>
<span class="Invisible" id="DD" onClick="navigate('DDMenu.edit.asp');">Link2</span>
<span class="Invisible" id="DD" onClick="navigate('DDMenu.edit.asp');">Link3</span>
</div>
<div class="DropMenu" ID="Element2" onClick="visoggem('Element2');">
<span class="DropReleaser">Dropdown</span>
<span class="Invisible" id="DD" onClick="navigate('DDMenu.edit.asp');">Link1</span>
<span class="Invisible" id="DD" onClick="navigate('DDMenu.edit.asp');">Link2</span>
<span class="Invisible" id="DD" onClick="navigate('DDMenu.edit.asp');">Link3</span>
</div>
Og så cssen for sjov skyld
div.DropMenu {
Width:100px;
cursor:pointer;
}
div.DropMenu .link {
display:block;
cursor:pointer;
}
div.DropMenu .Invisible{
display:none;
}
div.DropReleaser {
color:#000000;
cursor:pointer;
}
div.DropReleaser:Hover {
color:#003366;
}
#dd:hover {
color:#003366;
}