webForumDet fria alternativet
Logga in / Bli medlem

Färgad länk så länge undermeny visas?

JavaScript

1 svar · 219 visningar · startad av Obbelix

ObbelixMedlem sedan okt. 2002257 inlägg
Frågan#1

Konstig rubrik men hade inget bättre på lager.

Jag har en horisontell meny med vanliga textlänkar och på en av dom har jag en undermeny som visas och göms med onClick.
Har så att på "hover" så ändras färgen på länken.
Det jag vill göra är att om jag går över länken så färgas ju länken, klick visar undermenyn (div) men jag vill alltså att länken i huvudmenyn fortfarande är färgad och så förblir så länge div:en visas. Går det?

Bifogar lite kod:


<script language="javascript">
function SubMenu(Menuid) {
 if (document.getElementById(Menuid).style.visibility == "hidden") {
  document.getElementById(Menuid).style.visibility = "visible";
 }
 else {
   document.getElementById(Menuid).style.visibility = "hidden";
 }
}
</script>

<div class="menu">
 <a href="index.asp" class="menulink">&#9642; Start</a>
 <a href="#" class="menulink" onClick="SubMenu('submenu1')">&#9642; Undermeny</a>
</div>

<div id="submenu1" style="position:absolute; left:88px; top:272px; width:100px; height:46px; z-index:1; visibility: hidden;" class="submenu">
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br /> 
</div>
ObbelixMedlem sedan okt. 2002257 inlägg
#2

Re: Färgad länk så länge undermeny visas?

Löste det så här:


<script language="javascript">
function SubMenu(Menuid,Subid) {
 if (document.getElementById(Subid).style.visibility == "hidden") {
  document.getElementById(Subid).style.visibility = "visible";
  document.getElementById(Menuid).style.color = '#FFCC2A';
 }
 else {
   document.getElementById(Subid).style.visibility = "hidden";
   document.getElementById(Menuid).style.color = '#F1F1F1;
 }
}
</script>

<div class="menu">
 <a href="index.asp" class="menulink">&#9642; Start</a>
 <a href="#" class="menulink" onClick="SubMenu('menu1','submenu1')"><span id="menu1">&#9642; Undermeny</span></a>
</div>

<div id="submenu1" style="position:absolute; left:88px; top:272px; width:100px; height:46px; z-index:1; visibility: hidden;" class="submenu">
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br />
 <a href="test.asp" class="menulink">Undermeny</a><br /> 
</div>
274 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)