Vet ingen hur jag ska göra? Jag vet inte hur jag ska beskriva det bättre än jag gjort. Jag tycker det borde gå att 'lura' länken så den tror att den är klickad på eller liknande, men jag vet inte hur man skriver det i javascript.
Frågan#1
Jag har sökt som en galning och testat en massa olika sätt att lösa det på men jag lyckas inte. Vad jag vill ha är en sån här meny:
http://www.dhtmlcentral.com/script/script22_demo.html
Men grejen är den att jag vill inte att menyn ska fällas ihop när man klickat på en länk. Jag hittade en enklare meny än den jag länkat till här men nu hittar jag inte tillbaks till den. Det är denna senare meny jag har byggt min kod på.
Javascriptet:
<script type="text/javascript">
var lastmenu=false;
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 clickMenu(mnu){
if(mnu==lastmenu){
changeStyle(mnu,'display','none'); lastmenu=false;
} else {
if(lastmenu){ changeStyle(lastmenu,'display','none'); }
changeStyle(mnu,'display','inline');
lastmenu=mnu;
}
}
</script>
HTML-koden:
<a href='#' onClick="clickMenu('sub_1');return false;">Länk 1</a><br />
<div style='display:none;' id='sub_1'>
<a href='kategori.php?id=101'>Sublänk 1</a><br />
<a href='kategori.php?id=102'>Sublänk 2</a><br />
<a href='kategori.php?id=103'>Sublänk 3</a><br />
<a href='kategori.php?id=104'>Sublänk 4</a><br />
</div>
<a href='#' onClick="clickMenu('sub_2');return false;">Länk 2</a><br />
<div style='display:inline;' id='sub_2'>
<a href='kategori.php?id=203'>Sublänk 1</a><br />
<a href='kategori.php?id=202'>Sublänk 2</a><br />
<a href='kategori.php?id=201'>Sublänk 3</a><br />
<img src='layout/arrow.jpg' alt='' /> <a href='kategori.php?id=205'>Sublänk 4</a><br />
</div>
Divven med 'display:none' och 'display:inline' genereras av PHP, den blir 'inline' ifall någon av sublänkarna är vald. I detta fall är ju sublänk 4 under länk 2 vald (den har fått en liten bild framför sig) och därför är divven under länk 2 satt till 'inline'.
Alltså egentligen funkar detta ganska bra, det enda är att när man klickar på den utfällda menyn (i detta fall på 'Länk 2') så händer inget vid första klicket, det blir först vid det andra klickat som menyn fälls ihop. Sjukt irriterande! :x
Vad kan jag göra åt detta? Tack på förhand!
