"onmousedown" funksjon fungerer ikke.

[BigJackW]

Hei

 

Jeg holder på å koder en side her nå.

 

Så har jeg fått et lite problem.

Problemet er at jeg har lagt inn sånn onmouseover og onmousedown effekt. On mouseover fungerer, og går "restorer" til det orginale bildet når jeg har musen over bildet. Men når jeg trykker på bildet og slipper så blir blidet det samme når jeg slipper. Bildet går tilbake til orginal når jeg tar musen bort fra bildet.

 

Her er kodene jeg bruker:

 

JavaScript

<script type="text/JavaScript">
<!--
function MM_preloadImages() { 
 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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { 
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { 
 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[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { 
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

 

HTML

<a href="#" onmousedown="MM_swapImage('Image1','','img/mustrykk/bilder.png',1)" onmouseover="MM_swapImage('Image1','','img/musover/bilder.png',1)" onmouseout="MM_swapImgRestore()"><img src="img/bilder.png" alt="Bilder" name="Image1" width="118" height="37" border="0" id="Image1" /></a>

Endret 14. april 2006 av BigJackW

[Jesper Karsrud]

Hvorfor bruke javascrpt til noe du kan fikse i CSS like lett?

a {
display: block;
background: url(bakgrunn); /* bakgrunnsbilde som består av to-fire bilder i ett */
width: XXpx;
height: XXpx;
}
a:hover {
background-position: -XXpx; /* flytter bildet like mange piksler til venstre som det bredden av linken er *(
}
a:active {
background-position: -XXpx; /*flytter bildet enda mer mot venstre når du trykker */
}

 

Er ikke helt sikker på rekkefølgen, mulig du må bytte om på :active og :hover for at det skal funke... Kan fikse en liten demo etterpå hvis du vil..

[BigJackW]

Hvorfor bruke javascrpt til noe du kan fikse i CSS like lett?

a {
display: block;
background: url(bakgrunn); /* bakgrunnsbilde som består av to-fire bilder i ett */
width: XXpx;
height: XXpx;
}
a:hover {
background-position: -XXpx; /* flytter bildet like mange piksler til venstre som det bredden av linken er *(
}
a:active {
background-position: -XXpx; /*flytter bildet enda mer mot venstre når du trykker */
}

 

Er ikke helt sikker på rekkefølgen, mulig du må bytte om på :active og :hover for at det skal funke... Kan fikse en liten demo etterpå hvis du vil..

5920287[/snapback]

 

Kan du fikse en demo? Hadde vært flott..

[Matsemann]

Hvis jeg er helt på trynet, så bare glem posten min, men heter det ikke onclick?

Eller er det 2 forskjellige funksjoner?

 

Ps: Bedre med CSS, for da kan de med JS avskrudd fortsatt se det.