Avatar billede cmau Nybegynder
12. december 2004 - 12:10 Der er 9 kommentarer og
1 løsning

Menu vis og skjul

Hej.. jeg vil gerne have så neden stående link gør sådan så når man klikke viser den menu og når man klikker igen så forsvinder den igen, men lige nu kommer den frem når man klikker og når man fjerner musen forsvinder den igen. Jeg vil gerne have så man skal klikke igen:

<a href="#" onClick="menu('1')" onMouseOut="hide_menu('1')">link</a>

Også ville jeg høre om neden stående javascript virker i alle browsere?

<script languange="javascript">
function hide_menu_all()
{
hide_menu('info');
}
 
function hide_menu(submenu)
{
document.getElementById('submenu_'+submenu).style.display = 'none';
}
 
function menu(submenu)
{
hide_menu_all();
document.getElementById('submenu_'+submenu).style.display = 'block';
}
</script>
Avatar billede mm12010 Nybegynder
12. december 2004 - 12:17 #1
<a href="#" onclick="menu('1')">link</a>

...

function menu(submenu){
  hide_menu_all();
  menu=document.getElementById('submenu_'+submenu)
  menu.style.display=(menu.style.display=='none')?'block'':none';
}
Avatar billede cmau Nybegynder
12. december 2004 - 12:23 #2
Det virker ikke!.. har lige prøvet sådan her:

<script languange="javascript">
function menu(submenu){
  hide_menu_all();
  menu=document.getElementById('submenu_'+submenu)
  menu.style.display=(menu.style.display=='none')?'block'':none';
}
</script>

<a href="#" onClick="menu('1')">link</a>

<div id="submenu_info" style="position:absolute;display:none;top:0px;left:0px;position:relative">
hej
</div>
Avatar billede cmau Nybegynder
12. december 2004 - 12:40 #3
Hvad skal jeg ændre for at det virker?
Avatar billede mm12010 Nybegynder
12. december 2004 - 13:18 #4
<script languange="javascript">
function menu(submenu){
  //hide_menu_all();
  menus=document.getElementById('submenu_'+submenu);
  menus.style.display=(menus.style.display=='none')?'block':'none';
}
</script>

<a href="#" onClick="menu('info')">link</a>

<div id="submenu_info" style="position:absolute;display:none;top:0px;left:0px;position:relative">
hej
</div>
Avatar billede cmau Nybegynder
12. december 2004 - 14:14 #5
Er den testet i andre browsere??.. Jeg kan nemlig ikke selv teste den, da jeg kun har IE og ikke andet.
Avatar billede cmau Nybegynder
12. december 2004 - 16:50 #6
Fik den selv testet af en ven!.. men jeg vil gerne have så når man klikker på dette link:

<a style="cursor:hand;" onClick="menu('1');"><img src="asd.gif" alt="vis"></a>

Så skifter billedet til dsa.gif og alt="vis" skifter til alt="skjul" når man klikker på det.

Det må godt lægges sammen med dette:

<SCRIPT type="text/javascript">
<!--
function menu(submenu){
menus=document.getElementById('submenu_'+submenu);
menus.style.display=(menus.style.display=='none')?'block':'none';
}
-->
</script>
Avatar billede mm12010 Nybegynder
12. december 2004 - 20:40 #7
<a style="cursor:hand;" onClick="menu('1');"><img src="asd.gif" alt="vis" id="img1"></a>

<script type="text/javascript">
<!--
function menu(submenu){
  menus=document.getElementById('submenu_'+submenu);
  img=document.getElementById('img'+submenu);
  if(menus.style.display=='none'){
    menus.style.display='block';
    img.src='asd.gif';
  }
  else{
    menus.style.display='none';
    img.src='dsa.gif';
  }
}
-->
</script>
Avatar billede cmau Nybegynder
12. december 2004 - 20:57 #8
Jeg takker 1.000.000 gange for hjælpen, selv om det kun var 5 points. Smider du et svar eller skal vi vente til i morgen så har jeg nemlig 5 points mere jeg lige kan give dig?
Avatar billede cmau Nybegynder
13. december 2004 - 15:21 #9
Smider du svar?
Avatar billede mm12010 Nybegynder
13. december 2004 - 17:05 #10
selv tak :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester