login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Mouseover Mouseclick..

Offline Activeren - 23/12/2006 17:33 (laatste wijziging 23/12/2006 17:39)
Avatar van ActiverenPHP interesse Heey mensen..
Ik heb een onmouseover op mijn site, maar ik wil als je op de afbeelding klikt, dat die afbeelding dat blijft, zoals je mouseover,
Dit is me mouseover script..
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Image2.bmp',1)"><img src="Image1.bmp" name="Image1" width="72" height="27" border="0"></a>


En dit is het javascript:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/JavaScript">
  2. function MM_swapImgRestore() { 
  3.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  4. }
  5. function MM_preloadImages() { 
  6.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  7.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  8.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  9. }
  10. function MM_findObj(n, d) { 
  11.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  12.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  13.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  14.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  15.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  16. }
  17. function MM_swapImage() { 
  18.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  19.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  20. }
  21. </script>


Hoe kan ik een Onmouseclick toevoegen aan de mouseover.. Dus een combo.
Dus als je op de afbeelding klikt, moet het zeg maar een ander plaatje worden..

Ik hoop dat jullie me kunnen helpen, alvast bedankt..

13 antwoorden

Gesponsorde links
Offline yannick - 23/12/2006 17:37
Avatar van yannick PHP interesse Een OnMouseClick toevoegen?
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Image2.bmp',1)" onMouseClick="MM_swapImage('Image1','','Image2.bmp',1)"><img src="Image1.bmp" name="Image1" width="72" height="27" border="0"></a>


Als je op de afbeelding klikt zal je namelijk ook er over gaan, niet?
Offline Activeren - 23/12/2006 17:39
Avatar van Activeren PHP interesse Sorry, Hoebedoel je, als je erop klikt, moet het een ander plaatje worden..
Offline yannick - 23/12/2006 17:41
Avatar van yannick PHP interesse Dus als je erop klikt moet hij bv. de volgende foto nemen?
Offline Activeren - 23/12/2006 17:43 (laatste wijziging 23/12/2006 21:23)
Avatar van Activeren PHP interesse Neey.. BTW: die code werkt niet..

Neey, kijk, onmouseover wordt ie een groen plaatje, en onmouseclick wordt ie ook een groen plaatje maar dan met
met een onderkant, zodat ie bij de pagina past, dus dat is een heel ander plaatje..

Iemand nog een oplossing...???
Offline Xan - 23/12/2006 21:25
Avatar van Xan HTML interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="images/plaatje.jpg" onclick="this.src='images/plaatje2.jpg';" alt="" />
Offline Activeren - 23/12/2006 21:32 (laatste wijziging 23/12/2006 22:05)
Avatar van Activeren PHP interesse Oke, dank je wel, hoe ka nik dat verwerken daar in??

Want als ik dit doe..

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','headlines2.bmp',1)" onclick="this.src='headlines3.bmp';"><img src="headlines.bmp" name="Image1" width="72" height="27" border="0"></a>

Dan werkt ie niet....
Offline Xan - 23/12/2006 22:08
Avatar van Xan HTML interesse onclick moet je ook in de img-tag zetten anders werkt het sowiezo niet
Offline Activeren - 24/12/2006 10:21
Avatar van Activeren PHP interesse Ow, klopt, dom van me...

Bedankt.. Maar hij werkt nog steeds niet.. Hoe kan dit..??

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','headlines3.bmp',1)"><img src="headlines.bmp" onclick="this.src='headlines3.bmp';" name="Image1" width="72" height="27" border="0"></a>


Activeren
Offline Dark_Paul - 24/12/2006 10:23
Avatar van Dark_Paul PHP ver gevorderde Je moet al die Mouse-events in je img-tag zetten ;)
Offline timo - 24/12/2006 10:31
Avatar van timo PHP ver gevorderde onClick , js is hoofdlettergevoelig, hangt van je browser af of dat goed word verwerkt, IE maakt het niets uit maar FF doet het goed (dus hOoFdLEtErGevOElIg)
Offline Activeren - 24/12/2006 10:42 (laatste wijziging 24/12/2006 12:07)
Avatar van Activeren PHP interesse Oke, dan kan ik heb beste hoofdletter gevoelig doen.. Bedankt..

EDIT: Het werkt, maar hoe kan ik er nu voor zorgen, als ik onlcick doe, gaat ie gewoon, maar als ik dan bij een andere afbeelding het zelfde doe, dat de onlcick bij de eerste weggaat, dus als je onclik doet op de 2de, gaat ie bij de eerste weg..

Hoe doe je dat??

Kep nu dit:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#"><img src="headlines.bmp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','headlines2.bmp',1)" onClick="this.src = 'headlines3.bmp'; this.setAttribute('onmouseout', 'headlines3.bmp' );" name="Image1" width="72" height="27" border="0"></a>


Snap je...???
Offline Dark_Paul - 24/12/2006 12:23
Avatar van Dark_Paul PHP ver gevorderde @Timo:
volgens mij maakt dat helemaal niets meer uit. Ik meen zelfs dat onClick ed (met hoofdletters) niet xHTML valid zijn (correct me if I'm wrong). Ik werk nooit met die hoofdlettergevoelige shizzle, en gek genoeg werken ze wel in FF, maar meestal niet in IE.
Offline Activeren - 24/12/2006 12:42 (laatste wijziging 24/12/2006 15:04)
Avatar van Activeren PHP interesse Oke, maar iemand nog een antwoord op mijn reactie..

Oke Dark-Paul 

Nu heb ik 2 plaatjes met dit

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="#"><img src="headlines.bmp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','headlines2.bmp',1)" onClick="this.src = 'headlines3.bmp'; this.setAttribute('onmouseout', 'headlines3.bmp' );" name="Image1" width="72" height="27" border="0"></a>


Als ik Onclick op headlines doe, dan werkt het, maar als ik dan ook nog onclick op contact doe, dan werkt het, maar dan zijn ze allebei onclick, ik wil als ik headlines onclick is, en dan click ik op contact, dan moet de onclick bij headlines weg...

Snap je.. ?Roelatie....

Niemand, kom op please, dit zijn pro sitemakers...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.414s