Avatar billede artery_graphics Nybegynder
22. november 2001 - 22:35 Der er 6 kommentarer og
1 løsning

Fastfrys Onclick funktion på billedlink

Hvordan kan jeg med en OnClick funtion, som nedenstående (eller en helt anden), fastfryse det billed der vises ved MouseOver? Enten indtil der bliver MouseOver på et andet link, eller klikkes på dette?


<script language=\"JavaScript\">
<!--
if (document.images) {

  img1_on = new Image();
  img1_on.src = \"../../images/menuimages/skolen2.gif\";
  img1_off = new Image();
  img1_off.src = \"../../images/menuimages/skolen.gif\";

  img2_on = new Image();
  img2_on.src = \"../../images/menuimages/grafik2.gif\";
  img2_off = new Image();
  img2_off.src = \"../../images/menuimages/grafik.gif\";
 
  img3_on = new Image();
  img3_on.src = \"../../images/menuimages/industriel2.gif\";
  img3_off = new Image();
  img3_off.src = \"../../images/menuimages/industriel.gif\";

  img4_on = new Image();
  img4_on.src = \"../../images/menuimages/tekstil2.gif\";
  img4_off = new Image();
  img4_off.src = \"../../images/menuimages/tekstil.gif\";
 
  img5_on = new Image();
  img5_on.src = \"../../images/menuimages/intermedia2.gif\";
  img5_off = new Image();
  img5_off.src = \"../../images/menuimages/intermedia.gif\";
}

function ms( imagename, action ) {
  if ( document.images ) {
eval(\'document.images.\' +imagename + \'.src=\' + imagename + \'_\' + action +\'.src\');
  }
}

// -->
</script>
</head>
<body bgcolor=\"#ffffff\" marginwidth=\"0\" marginheight=\"0\" leftmargin=\"0\" topmargin=\"0\" onload=\"parent.menu2.location.href=\'../menu_blank.asp?framenr=3\'\">

<a href=\"skolen.asp\" target=\"menu2\" onfocus=\"this.blur( )\" onMouseOver=\"ms(\'img1\', \'on\')\" onMouseOut=\"ms(\'img1\', \'off\')\" onClick=\"ms(\'img1\', \'on\')\"><img name=\"img1\" src=\"../../images/menuimages/skolen.gif\" border=0 width=\"85\" height=\"15\"></a><br>
<a href=\"grafik.asp\" target=\"menu2\" onfocus=\"this.blur( )\" onMouseOver=\"ms(\'img2\', \'on\')\" onMouseOut=\"ms(\'img2\', \'off\')\" onClick=\"ms(\'img2\', \'on\')\"><img name=\"img2\" src=\"../../images/menuimages/grafik.gif\" border=0 width=\"85\" height=\"15\"></a><br>
<a href=\"industriel.asp\" target=\"menu2\" onfocus=\"this.blur( )\" onMouseOver=\"ms(\'img3\', \'on\')\" onMouseOut=\"ms(\'img3\', \'off\')\" onClick=\"ms(\'img3\', \'on\')\"><img name=\"img3\" src=\"../../images/menuimages/industriel.gif\" border=0 width=\"85\" height=\"15\"></a><br>
<a href=\"tekstil.asp\" target=\"menu2\" onfocus=\"this.blur( )\" onMouseOver=\"ms(\'img4\', \'on\')\" onMouseOut=\"ms(\'img4\', \'off\')\" onClick=\"ms(\'img4\', \'on\')\"><img name=\"img4\" src=\"../../images/menuimages/tekstil.gif\" border=0 width=\"85\" height=\"15\"></a><br>
<a href=\"ekstra.asp\" target=\"menu2\" onfocus=\"this.blur( )\" onMouseOver=\"ms(\'img5\', \'on\')\" onMouseOut=\"ms(\'img5\', \'off\')\" onClick=\"ms(\'img5\', \'on\')\"><img name=\"img5\" src=\"../../images/menuimages/intermedia.gif\" border=0 width=\"85\" height=\"15\"></a><br>

</body>
</html>
Avatar billede jakoba Nybegynder
23. november 2001 - 01:45 #1
tilføj en variabel og ret lidt in din ms() funktion:

var  iNavn = \"\";

function ms( imagename, action ) {
  if ( !document.images || iNavn == imagename ) return;
  if ( \'fix\' == action ) {
      if ( iNavn != \"\" ) {
          temp = iNavn;
          iNavn = \"\";
          ms( temp, \'off\' );
      }
      iNavn = imagename;
  } else
      document.images[imagename].src = window[ imagename +\'_\' +action ].src;
  }
}


dine links bliver så:

<a href=\"skolen.asp\" target=\"menu2\" onfocus=\"this.blur( )\"
  onMouseOver=\"ms(\'img1\', \'on\' )\"
  onMouseOut=\"ms( \'img1\', \'off\')\"
  onClick=\"ms(    \'img1\', \'fix\')\"><img name=\"img1\" src=\"../../images/menuimages/skolen.gif\" border=0 width=\"85\" height=\"15\"></a>

mvh JakobA
Avatar billede jakoba Nybegynder
23. november 2001 - 01:48 #2
Ups der er en tuborg formeget

  } else
      document.images[imagename].src = window[ imagename +\'_\' +action ].src;
}
Avatar billede tejs Nybegynder
23. november 2001 - 10:52 #3
Det er jo en menu, så det skal vel fungere sådan at når man trykker på et link, så fixerer det og åbner et link, men hvis man så trykker på et andet punkt skal den tidligere fixering jo ophæves og flyttes over på det \"nye\" punkt - hvordan vil det passe ind - skal man så ikke bruge x-antal variabler, eller hva\'..?

Tejs
Avatar billede artery_graphics Nybegynder
24. november 2001 - 12:48 #4
Jakoba ... har du nogen løsning til ovenstående kommentar? Det er nemlig det samme spørgsmål jeg har.
Avatar billede jakoba Nybegynder
24. november 2001 - 13:08 #5
nej der er ikke brug for mange variable, kun den ene der husker hvilket billede der sidst blev klikket på. prøv det.

mvh JakobA
Avatar billede tejs Nybegynder
24. november 2001 - 13:15 #6
Det lyder sgu da fint - det prøver jeg så, tak...

Tejs
Avatar billede artery_graphics Nybegynder
24. november 2001 - 23:23 #7
Der virker. Mange tak for hjælpen ... på vegne af undertegnede og Tejs.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester