B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Frågan 17 maj 2004 14:36 #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>
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Eller hur man skulle kunna göra för att bilden i huvudmenyn byts till en annan bild när man klickar på den.
src anger bildens sökväg. Ändra det när du klickar på den.
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Jo det förstår jag men hur gör jag det?
Jesper T Medlem sedan nov. 2001 7 144 inlägg 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">
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Jag fårstår inte hur du menar. :(
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Får fel meddelandet:
'id' är odefinerat.
Och en annan sak varför försvinner felmeddelande rutan i Explorer?
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Ingen som kan förklara hur och vad man ska göra
Jesper T Medlem sedan nov. 2001 7 144 inlägg 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';
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg 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';
}
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Någon som vet hur det ska vara?
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg Ingen som vet hur jag ska göra för att ändra bilden?
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg ingen som kan hjäpa mig? :(
Någon som vet något annat script som byter bild vid klickning?
B Bosse168 Medlem sedan nov. 2003 1 018 inlägg 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