webForumDet fria alternativet

OnClick under meny?

JavaScript

15 svar · 369 visningar · startad av Bosse168

Medlem sedan nov. 20031 018 inlägg
Frågan#1

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>
Medlem sedan nov. 20031 018 inlägg
#2

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

Medlem sedan nov. 20031 018 inlägg
#3

Ingen?

Medlem sedan juli 2003303 inlägg
#4

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

Medlem sedan nov. 20031 018 inlägg
#5

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

Medlem sedan nov. 20017 144 inlägg
#6

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">
Medlem sedan nov. 20031 018 inlägg
#7

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

Medlem sedan nov. 20031 018 inlägg
#8

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

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

Medlem sedan nov. 20031 018 inlägg
#9

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

Medlem sedan nov. 20017 144 inlägg
#10

Jesper T skrev:

Efter som att du inte visar mer kod så är det ju ganska svårt att gissa hur det skall vara...

;)

Medlem sedan nov. 20017 144 inlägg
#11

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';
Medlem sedan nov. 20031 018 inlägg
#12

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';
}
Medlem sedan nov. 20031 018 inlägg
#13

Någon som vet hur det ska vara?

Medlem sedan nov. 20031 018 inlägg
#14

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

Medlem sedan nov. 20031 018 inlägg
#15

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

Medlem sedan nov. 20031 018 inlägg
#16

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

267 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
131 ms — ändringar (db)