Intryckta knappar

10 svar · 252 visningar · startad av snellisen 6 maj 2003

snellisenMedlem sedan maj 200317 inlägg

6 maj 2003 16:37#1

Jag har 7 stycken knappar på hemsidan som jag har gjort i Fireworks! Den förändras beroende på vad man gör, så när man t.ex. trycker på den så är den intryckt. Men när sidan laddas så är alla knappar "upptryckta", men då skulle jag vilja att startknappen är nedtryckt eftersom det är på denna sida man hamnar på... Men vet dock inte hur jag ska lösa detta. På vilken sida ska jag skriva in koden? På defaultsidan?

Detta är knappen:
<href="startsida.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Startsida','img/knappar/Startsida_f3.gif',1);" onMouseOver="MM_nbGroup('over','Startsida','img/knappar/Startsida_f2.gif','img/knappar/Startsida_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >

Tack på förhand

Peter SMedlem sedan dec. 20025 483 inlägg

6 maj 2003 16:42#2

Utan att veta hur funktionen MM_nbGroup() ser ut bör du kunna lägga till följande innanför skripttaggarna på den sida knapparna ligger på:

window.onload=function(){
     MM_nbGroup('down','navbar1','Startsida','img/knappar/Startsida_f3.gif',1);
};

snellisenMedlem sedan maj 200317 inlägg

6 maj 2003 16:54#3

Jag fick inte det till att fungera!

Så här ligger knapparna i menyn! Betyder inte det här att när sidan laddas så ska knapparna visas så här? Jag har testat att enbart låta startsida_f3.gif ligga kvar men det fungerar inte ändå!

Peter SMedlem sedan dec. 20025 483 inlägg

6 maj 2003 17:04#4

Nej, den där koden laddar bara in bilderna i cachen. Kan du posta all kod som används för att underlätta?

Peter SMedlem sedan dec. 20025 483 inlägg

6 maj 2003 17:09#5

Det enklaste är väl ändå att i din "img"-tagg skriva in filnamnet på "down"-bilden.

snellisenMedlem sedan maj 200317 inlägg

6 maj 2003 17:22#6

Det blir en massa kod då :)
Jag vet inte vad det första betyder alls, det var kod som kom automatiskt av Dreamweaver

kod: [
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a*.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a*;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms*[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers*.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args*)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args*)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver*; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr*; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args*)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>

<body background="img/meny.jpg" onLoad="MM_preloadImages('img/knappar/Bowling_f3.gif','img/knappar/Bowling_f2.gif','img/knappar/Bowling_f4.gif','img/knappar/Startsida_f3.gif','img/knappar/Startsida_f2.gif','img/knappar/Startsida_f4.gif','img/knappar/Biljard_f3.gif','img/knappar/Biljard_f2.gif','img/knappar/Biljard_f4.gif','img/knappar/Restaurang_f3.gif','img/knappar/Restaurang_f2.gif','img/knappar/Restaurang_f4.gif','img/knappar/Utbud_f3.gif','img/knappar/Utbud_f2.gif','img/knappar/Utbud_f4.gif','img/knappar/kontakta_f3.gif','img/knappar/kontakta_f2.gif','img/knappar/kontakta_f4.gif')">
 
 
 
 <img name="Startsida" src="img/knappar/Startsida.gif" width="109" height="28" border="0" usemap="#m_Startsida" alt="">
<map name="m_Startsida">
<area shape="poly" coords="9,0,90,0,96,3,99,10,99,10,96,17,90,20,9,20,2,17,-1,10,-1,10,2,3,9,0" href="startsida.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Startsida','img/knappar/Startsida_f3.gif',1);" onMouseOver="MM_nbGroup('over','Startsida','img/knappar/Startsida_f2.gif','img/knappar/Startsida_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >
</map>
 
<img name="Bowling" src="img/knappar/Bowling.gif" width="109" height="28" border="0" usemap="#m_Bowling" alt="">
<map name="m_Bowling">
<area shape="poly" coords="10,1,91,1,97,4,100,11,100,11,97,18,91,21,10,21,3,18,0,11,0,11,3,4,10,1" href="bowling.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Bowling','img/knappar/Bowling_f3.gif',1);" onMouseOver="MM_nbGroup('over','Bowling','img/knappar/Bowling_f2.gif','img/knappar/Bowling_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >
</map>
 
<img name="Biljard" src="img/knappar/Biljard.gif" width="109" height="28" border="0" usemap="#m_Biljard" alt="">
<map name="m_Biljard">
<area shape="poly" coords="10,0,91,0,97,3,100,10,100,10,97,17,91,20,10,20,3,17,0,10,0,10,3,3,10,0" href="biljard.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Biljard','img/knappar/Biljard_f3.gif',1);" onMouseOver="MM_nbGroup('over','Biljard','img/knappar/Biljard_f2.gif','img/knappar/Biljard_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >
</map>
 
<a href="restaurang.asp" target="_blank"><img name="Restaurang" src="img/knappar/Restaurang.gif" width="109" height="28" border="0" usemap="#m_Restaurang" alt="">
<map name="m_Restaurang">
<area shape="poly" coords="10,1,91,1,97,4,100,11,100,11,97,18,91,21,10,21,3,18,0,11,0,11,3,4,10,1" href="restaurang.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Restaurang','img/knappar/Restaurang_f3.gif',1);" onMouseOver="MM_nbGroup('over','Restaurang','img/knappar/Restaurang_f2.gif','img/knappar/Restaurang_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >
</map>
 
</a><img name="Utbud" src="img/knappar/Utbud.gif" width="109" height="28" border="0" usemap="#m_Utbud" alt="">
<map name="m_Utbud">
<area shape="poly" coords="9,2,90,2,96,5,99,12,99,12,96,19,90,22,9,22,2,19,-1,12,-1,12,2,5,9,2" href="ovrigtutbud.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Utbud','img/knappar/Utbud_f3.gif',1);" onMouseOver="MM_nbGroup('over','Utbud','img/knappar/Utbud_f2.gif','img/knappar/Utbud_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >
</map>
 
<img name="kontakta" src="img/knappar/kontakta.gif" width="109" height="28" border="0" usemap="#m_kontakta" alt="">
<map name="m_kontakta">
<area shape="poly" coords="8,1,89,1,95,4,98,11,98,11,95,18,89,21,8,21,1,18,-2,11,-2,11,1,4,8,1" href="kontakt.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','kontakta','img/knappar/kontakta_f3.gif',1);" onMouseOver="MM_nbGroup('over','kontakta','img/knappar/kontakta_f2.gif','img/knappar/kontakta_f4.gif',1);" onMouseOut="MM_nbGroup('out');" >
</map>*********

Peter SMedlem sedan dec. 20025 483 inlägg

6 maj 2003 19:32#7

Testa med att lägga till följande innanför skripttaggarna:

window.onload=function(){
	MM_preloadImages('img/knappar/Bowling_f3.gif','img/knappar/Bowling_f2.gif','img/knappar/Bowling_f4.gif','img/knappar/Startsida_f3.gif','img/knappar/Startsida_f2.gif','img/knappar/Startsida_f4.gif','img/knappar/Biljard_f3.gif','img/knappar/Biljard_f2.gif','img/knappar/Biljard_f4.gif','img/knappar/Restaurang_f3.gif','img/knappar/Restaurang_f2.gif','img/knappar/Restaurang_f4.gif','img/knappar/Utbud_f3.gif','img/knappar/Utbud_f2.gif','img/knappar/Utbud_f4.gif','img/knappar/kontakta_f3.gif','img/knappar/kontakta_f2.gif','img/knappar/kontakta_f4.gif')
	document.images["Startsida"].src="img/knappar/Startsida_f3.gif";
};

Samt låta "body"-taggen se ut så här:

<body background="img/meny.jpg">

snellisenMedlem sedan maj 200317 inlägg

6 maj 2003 19:55#8

Jag får inte det till att fungera ändå.. inom vilka skripttaggar ska jag skriva det då? egna eller där det andra står?

snellisenMedlem sedan maj 200317 inlägg

7 maj 2003 08:24#9

Jag blir tokig på detta... Är det ingen som kan hjälpa mig?? får inte knappen intryckt när sidan laddas.

<body background="img/meny.jpg" onLoad="MM_preloadImages('img/knappar/Bowling_f3.gif','img/knappar/Bowling_f2.gif','img/knappar/Bowling_f4.gif','img/knappar/Startsida_f3.gif','img/knappar/Startsida_f2.gif','img/knappar/Startsida_f4.gif','img/knappar/Biljard_f3.gif','img/knappar/Biljard_f2.gif','img/knappar/Biljard_f4.gif','img/knappar/Restaurang_f3.gif','img/knappar/Restaurang_f2.gif','img/knappar/Restaurang_f4.gif','img/knappar/Utbud_f3.gif','img/knappar/Utbud_f2.gif','img/knappar/Utbud_f4.gif','img/knappar/kontakta_f3.gif','img/knappar/kontakta_f2.gif','img/knappar/kontakta_f4.gif')">

Här har jag försökt att ta bort alla andra bilder förutom _f3 som är den intryckta bilden!

    <area shape="poly" coords="9,0,90,0,96,3,99,10,99,10,96,17,90,20,9,20,2,17,-1,10,-1,10,2,3,9,0" href="startsida.asp" target="text" alt="" onClick="MM_nbGroup('down','navbar1','Startsida','img/knappar/Startsida_f3.gif',1);"  onMouseOver="MM_nbGroup('over','Startsida','img/knappar/Startsida_f2.gif','img/knappar/Startsida_f4.gif',1);" onMouseOut="MM_nbGroup('out');"  >

eller ska man lägga in något i denna koden istället? jag har försökt lägga in här onLoad.....

Skulle vara jättetacksam om någon kan hjälpa mig att lösa detta!

Peter SMedlem sedan dec. 20025 483 inlägg

7 maj 2003 12:11#10

Du får nog lägga upp ett online-exempel på den postade koden.

snellisenMedlem sedan maj 200317 inlägg

7 maj 2003 14:15#11

Hur gör jag det? ska jag då skicka med den sida som knapparna ligger på? Tyvärr kan jag inte visa min egen sida där knapparna ligger eftersom jag har sidan på skolans server och då behöver man lösenord och det kan jag inte lägga ut här