Bosse168Medlem sedan nov. 20031 019 inlägg
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>
Bosse168Medlem sedan nov. 20031 019 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.
Bosse168Medlem sedan nov. 20031 019 inlägg
CheguelinMedlem sedan juli 2003351 inlägg
src anger bildens sökväg. Ändra det när du klickar på den.
Bosse168Medlem sedan nov. 20031 019 inlägg
Jo det förstår jag men hur gör jag det?
Jesper TMedlem sedan nov. 20017 058 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">
Bosse168Medlem sedan nov. 20031 019 inlägg
Jag fårstår inte hur du menar. :(
Bosse168Medlem sedan nov. 20031 019 inlägg
Får fel meddelandet:
'id' är odefinerat.
Och en annan sak varför försvinner felmeddelande rutan i Explorer?
Bosse168Medlem sedan nov. 20031 019 inlägg
Ingen som kan förklara hur och vad man ska göra
Jesper TMedlem sedan nov. 20017 058 inlägg
Jesper T skrev:
Efter som att du inte visar mer kod så är det ju ganska svårt att gissa hur det skall vara...
;)
Jesper TMedlem sedan nov. 20017 058 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';
Bosse168Medlem sedan nov. 20031 019 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';
}
Bosse168Medlem sedan nov. 20031 019 inlägg
Någon som vet hur det ska vara?
Bosse168Medlem sedan nov. 20031 019 inlägg
Ingen som vet hur jag ska göra för att ändra bilden?
Bosse168Medlem sedan nov. 20031 019 inlägg
ingen som kan hjäpa mig? :(
Någon som vet något annat script som byter bild vid klickning?
Bosse168Medlem sedan nov. 20031 019 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