webForumDet fria alternativet

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

JavaScript

1 svar · 222 visningar · startad av Obbelix

ObbelixMedlem sedan okt. 2002257 inlägg
Trådstart#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>
273 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)