[javascript] rollover images actief blijven - Softwareontwikkeling

donderdag 14 oktober 2004 21:58

Acties:

Verwijderd

Topicstarter

Het probleem is dat ik de code zoek waarmee een plaatje, dat
een link is, actief blijft als de pagina van dat plaatje is geopend
Ik ben er al een tijd naar op zoek, maar ik kan het echt niet vinden.

De code is alsvolgt:

code:

<a href="index.php?action=logout" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('Image2','','plaatjeuit,jpg',1)">
[img]"plaatje.jpg"[/img]

donderdag 14 oktober 2004 21:59

Acties:

NMe

Quia Ego Sic Dico.

Wat bedoel je met 'actief blijven'?

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

donderdag 14 oktober 2004 22:00

Acties:

Verwijderd

Topicstarter

dat als de link is geopent van dat plaatje,
dat het onmouseover plaatje actief blijft, zodat je ziet
dat je op die pagina bent

donderdag 14 oktober 2004 22:02

Acties:

MBV

Als je een andere pagina hebt zet je het andere plaatje default, lijkt mij niet zo moeilijk? Of in onclick je onmouseover functie zetten

offtopic:
leef a.u.b. de standaard na, die schrijft voor dat onmouseover in kleine letters wordt geschreven. Dat is heel handig als je ooit overschakelt naar xhtml

donderdag 14 oktober 2004 22:09

Acties:

Verwijderd

Topicstarter

maar als je m in je onclick zet dat verdwijnt ie weer als de pagina is gereload dus daar heb ik weinig aan eigenlijk. ..

donderdag 14 oktober 2004 22:11

Acties:

NMe

Quia Ego Sic Dico.

Je kan proberen een cookie te setten.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

donderdag 14 oktober 2004 22:11

Acties:

Verwijderd

Topicstarter

ja oke, maar ik heb toch het idee dat er een makkelijkere oplossing voor is toch?

donderdag 14 oktober 2004 22:18

Acties:

NMe

Quia Ego Sic Dico.

Lijkt me niet. Zodra je je eigen pagina verlaat, worden alle variabelen die je hebt geleegd, behalve cookies. Als je wel op de betreffende pagina blijft, en de image staat in een frame of iets dergelijks, dan kan het weer wel op een andere manier, zoals MBV al aangaf.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

donderdag 14 oktober 2004 23:21

Acties:

Woudloper

« - _ - »

Als je knoppen (ik neem aan dat het plaatje een knop is) redelijk eenvoudig zijn dan kan je er ook voor kiezen om de layout ervan om te zetten naar een combinatie van HTML en CSS, middels: a:link, a:visited kan je dan een verschillende layout voor de knop gebruiken.

Overigens zou dit ook kunnen met jouw afbeeldingen, maar dan moet je ze als background afbeelding van bijvoorbeeld een div zetten.

vrijdag 15 oktober 2004 10:18

Acties:

Verwijderd

Dit is wat jij zoekt:

code:

<html>
<head>
    <title>Untitled</title>
  <script>
  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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  }
  
  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[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_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[i])) != 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[i])) != 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[i]; 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[i]; 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[i])) != 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 onLoad="MM_nbGroup('down','navbar1','home','images/home_aan.jpg',1); MM_preloadImages();">
  <table>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','home','images/home_aan.jpg',1)" onMouseOver="MM_nbGroup('over','home','images/home_aan.jpg','images/home_aan.jpg',1)">[img]"images/home_uit.jpg"[/img]</a></td>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','wie','images/wie_aan.jpg',1)" onMouseOver="MM_nbGroup('over','wie','images/wie_aan.jpg','images/wie_aan.jpg',1)">[img]"images/wie_uit.jpg"[/img]</a></td>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','repertoire','images/repertoire_aan.jpg',1)" onMouseOver="MM_nbGroup('over','repertoire','images/repertoire_aan.jpg','images/repertoire_aan.jpg',1)">[img]"images/repertoire_uit.jpg"[/img]</a></td>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','foto','images/foto_aan.jpg',1)" onMouseOver="MM_nbGroup('over','foto','images/foto_aan.jpg','images/foto_aan.jpg',1)">[img]"images/foto_uit.jpg"[/img]</a></td>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','gastenboek','images/gastenboek_aan.jpg',1)" onMouseOver="MM_nbGroup('over','gastenboek','images/gastenboek_aan.jpg','images/gastenboek_aan.jpg',1)">[img]"images/gastenboek_uit.jpg"[/img]</a></td>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','contact','images/contact_aan.jpg',1)" onMouseOver="MM_nbGroup('over','contact','images/contact_aan.jpg','images/contact_aan.jpg',1)">[img]"images/contact_uit.jpg"[/img]</a></td>
  <td valign="top"><a href="#" onMouseOut="MM_nbGroup('out')" onClick="MM_nbGroup('down','navbar1','links','images/links_aan.jpg',1)" onMouseOver="MM_nbGroup('over','links','images/links_aan.jpg','images/links_aan.jpg',1)">[img]"images/links_uit.jpg"[/img]</a></td>
  </table>
</body>
</html>

Succes.