webForumDet fria alternativet
Logga in / Bli medlem

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

JavaScript

1 svar · 217 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>
257 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)