---
title: "OnClick under meny?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/103781-onclick-under-meny"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Bosse168"
published: "2004-05-17T14:36:48.000Z"
updated: "2004-05-20T23:21:14.000Z"
replies: 15
views: 372
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/103781-onclick-under-meny"
---

# OnClick under meny?

## #1 — Bosse168, 2004-05-17T14:36Z

Hur gör man om man har en huvudmeny gjord av bilder och vid click på bilden så ska den öppna under menyn. Jag har löst detta med ett javascript som döljer div taggarna. Men hur gör man för att när man klickar på huvudmenyn så ska den byta bild tills jag klickar på någon annan?
Eller finns det bättre sätt att göra menyn på?
Kom gärna med tips på sidor med meny script.

```
<td width="77"><a onClick="sw('sub1');">start.gif</a></td>
          <td width="53"><a onClick="sw('sub2');">noje.gif</a></td>

..osv

Sen under menyerna:

<div id="sub1" class="lank"> | <a href="start.asp">Startsidan</a> |</div>

<div id="sub1" class="lank"> | <a href="start.asp">Startsidan</a> |</div>
```

Permalänk: https://www.webforum.nu/p/103781

## #2 — Bosse168, 2004-05-17T16:32Z

Eller hur man skulle kunna göra för att bilden i huvudmenyn byts till en annan bild när man klickar på den.

Permalänk: https://www.webforum.nu/p/1350200

## #3 — Bosse168, 2004-05-17T17:02Z

Ingen?

Permalänk: https://www.webforum.nu/p/1350220

## #4 — Cheguelin, 2004-05-18T07:21Z

src anger bildens sökväg. Ändra det när du klickar på den.

Permalänk: https://www.webforum.nu/p/1350449

## #5 — Bosse168, 2004-05-18T10:09Z

Jo det förstår jag men hur gör jag det?

Permalänk: https://www.webforum.nu/p/1350521

## #6 — Jesper T, 2004-05-18T10:24Z

Efter som att du inte visar mer kod så är det ju ganska svårt att gissa hur det skall vara men i princip ngt liknande. 
I funktionen sw() någonstans:

```
function sw(str){
...
var myimg="img_"+str;
document.images[myimg].src=(document.getElementById(id).style.display=='none')?'ett.gif':'tva.gif';
...
}

...

<img src="ett.gif" name="img_sub1">
```

Permalänk: https://www.webforum.nu/p/1350529

## #7 — Bosse168, 2004-05-18T14:05Z

Jag fårstår inte hur du menar. :(

Permalänk: https://www.webforum.nu/p/1350657

## #8 — Bosse168, 2004-05-18T14:14Z

Får fel meddelandet:
'id' är odefinerat.

Och en annan sak varför försvinner felmeddelande rutan i Explorer?

Permalänk: https://www.webforum.nu/p/1350664

## #9 — Bosse168, 2004-05-19T07:32Z

Ingen som kan förklara hur och vad man ska göra

Permalänk: https://www.webforum.nu/p/1350910

## #10 — Jesper T, 2004-05-19T07:35Z

> **Jesper T skrev:**
>
> Efter som att du inte visar mer kod så är det ju ganska svårt att gissa hur det skall vara...

 ;)

Permalänk: https://www.webforum.nu/p/1350912

## #11 — Jesper T, 2004-05-19T07:37Z

Testa att ta bort id och sätt str där istället.

```
var myimg="img_"+str;
document.images[myimg].src=(document.getElementById(str).style.display=='none')?'ett.gif':'tva.gif';
```

Permalänk: https://www.webforum.nu/p/1350913

## #12 — Bosse168, 2004-05-19T07:42Z

Det funkade men den byter inte tillbaks till bild ett när man trycker på någon annan bild i menyn.

Själva javascriptet:

```
// Menyn
var currentMenu=false;
var menues=new Array('sub1','sub2','sub3','sub4','sub5','sub6','sub7','sub8','sub9');

function sw(mnu){
	if(currentMenu){
		if(currentMenu==mnu){changeStyle(mnu,'display','none');currentMenu=false;}else{changeStyle(currentMenu,'display','none');changeStyle(mnu,'display','block');currentMenu=mnu;}
	} else {
		changeStyle(mnu,'display','block');currentMenu=mnu;
	}
}
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 initmenu(){
	for(var n=0;n<menues.length;n++){
		changeStyle(menues[n],'display','none');
	}
}
// Ändra huvudmeny bilden
function sw(str){
var myimg="img_"+str;
document.images[myimg].src=(document.getElementById(str).style.display=='none')?'ett.gif':'tva.gif';
}
```

Permalänk: https://www.webforum.nu/p/1350917

## #13 — Bosse168, 2004-05-19T09:21Z

Någon som vet hur det ska vara?

Permalänk: https://www.webforum.nu/p/1350945

## #14 — Bosse168, 2004-05-19T14:31Z

Ingen som vet hur jag ska göra för att ändra bilden?

Permalänk: https://www.webforum.nu/p/1351152

## #15 — Bosse168, 2004-05-20T11:38Z

ingen som kan hjäpa mig? :(
Någon som vet något annat script som byter bild vid klickning?

Permalänk: https://www.webforum.nu/p/1351478

## #16 — Bosse168, 2004-05-20T23:21Z

Kan man inte på något sätt hämta vilket klick som gjorts och sedan lägga in det i:
\[KOD\]
\<img src="start\_**JavaScripts id:et från klicket (onClick="sw('sub1');)**.gif" border="0"\>
\[/KOD

Permalänk: https://www.webforum.nu/p/1351839

---

Tråden på webben: https://www.webforum.nu/amne/javascript/103781-onclick-under-meny