Tja
Har ett litet problem här.
Ska göra en meny, med div. underkategorier. Har letat som en tok efter en passande, men inte hittat någon som faller i smaken.
Huvudkategorierna ska visas som bilder, eftersom jag ska använda en ovanlig font och måste därför använda mig av bilder.
Vissa av dessa ska ha underkategorier, som ska visas vid klick på "huvudlänken".
Sen kom jag att tänka på en sak, när man surfar runt i menyn och klickar på en sida, ska länken man valt ändra färg och om detta är ett val ur en underrubrik, ska denna redan vara expanderad när sidan laddats klart.
Kom på att jag kanske kunde använda ett tidigare script som jag kört på en anna sajt:
var meny=new Array(
"Produkter", "",
"-Ryttare", "",
"--Hjälmar", "",
"--Skör / Stövlar", "",
"--Leggings / Chaps", "",
"--Ridbyxor", "",
"--Jackor / Västar", "",
"--Handskar", "",
"--Övrigt", "",
"-Häst", "",
"--Bett", "",
"--Sadlar", "",
"--Sadeltillbehör", "",
"--Träns", "",
"--Tränstillbehör", "",
"--Grimmor / Grimskaft", "",
"--Täcken", "",
"--Täckestillbehör", "",
"--Övrigt", "",
"-Foder", "",
"--Red Mill's", "",
"--Hippo", "",
"--FiberGi", "",
"--Övrigt", "",
"Erbjudanden", "",
"På Gång", "",
"Nytt", "",
"Aktuellt för Årstiden", "",
"Kontakta oss", "kontakt.htm",
"Företaget", "",
"-Personalen", "",
"-Hitta till oss", "",
"Länkar", "",
"*"
);
function omeny(el){
e=document.getElementById(el+"vis");
i=document.getElementById(el+"img");
if(e.style.display=="none"){
e.style.display="";
i.src="menypil2.gif";
}else{
e.style.display="none";
i.src="menypil1.gif";
}
}
function mradclick(p,e){
o=document.getElementById(mradsel);
if(o)o.className="mrad";
e.className="mradactive";
mradsel=e.id;
if(p!=""){
window.open(p,"main");
}
}
function mradmoo(e,o){
if(o)e.className="mradhover";else{
if(e.id==mradsel)e.className="mradactive";else e.className="mrad";}
}
var mradsel="nothing";
l2=0;
for(i=0;meny[i]!="*";i+=2){
l1=l2;
for(l2=0;meny[i+2].charAt(l2)=="-";l2++);
if(l2>l1){
document.write( "<div class='mrad' id='grupp"+i+"' onclick='omeny("grupp"+i+"")' style='padding-left: 5px;'>" +
"<table border='0' cellspacing='0' cellpadding='0' class='mrad'>"+
"<tr onmouseover='mradmoo(this,true)' onmouseout='mradmoo(this,false)'>" +
"<td>"+meny[i].substr(l1)+" </td>" +
"<td><img id='grupp"+i+"img' border='0' src='menypil1.gif'></td>" +
"</tr>" +
"</table>" +
"</div>");
document.write( "<div id='grupp"+i+"vis' style='display:none;position:relative;left:12px'>");
}else{
document.write( "<div class='mrad' onclick='mradclick(""+meny[i+1]+"",this)' " +
"id='grupp"+i+"' onmouseover='mradmoo(this,true)' onmouseout='mradmoo(this,false)' style='padding-left: 5px;'>"+meny[i].substr(l1)+"</div>");
for(j=l1;j>l2;j--)
document.write("</div>");
}
}
Den där funkar bra, sålänge man använder frames, men laddas sidan om, "nollställs" menyn, vilket inte alls är bra. Vidare vet jag inte hur jag ska göra för att få huvudlänkarna som bilder.
Är det någon som är haj på JS (tillskillnad mot mig) och kan hjälpa mig med det här, eller är är det någon som har ett förslag på en färdig meny (som motsvarar mina önskemål) som jag istället kan använda?
Tack på förhand!