© ilj ilj@flowsim.se
JavaScript på svenska 51
JavaScript onMouseDown & play()
Netscape Navigator 4.0+
- fungerar med insticksprogrammet LiveAudio
 
 
 



1 Placera ljudspelaren på sidan
Koden kollar om insticksprogrammet LiveAudio finns installerat och placerar i så fall ljuduppspelaren på sidan och laddar ljudfilen.
Om LiveAudio inte är installerat skrivs alternativtexten på sidan; placera alltså den här biten av koden där den texten ska finnas.
 
<SCRIPT LANGUAGE="JavaScript"
     TYPE="text/javascript">
<!--
soundOK=0 //
if(navigator.plugins["LiveAudio"]) //
     { //
     document.write("<EMBED SRC='ljudfilens namn' HIDDEN='true' LOOP='false' AUTOSTART='false'>") //
     soundOK=1 //
     } //
else //
     { //
     document.write("text om inte LiveAudio finns") //
     soundOK=0 //
     } //
//-->
</SCRIPT>
 
 2 Placera följande där knappen ska vara
 
<A HREF = "URL"
     onMouseDown="playit(),iljtry(0,2);return false"
     onMouseUp ="iljtry(0,1)"
     onMouseOut="iljtry(0,1)">
<IMG SRC= "första bildens namn"
     WIDTH = "bredd i pixel"
     HEIGHT = "höjd i pixel"
     BORDER = "0"></A>
 
 När muspekaren befinner sig över knappbilden och musknappen trycks ned anropas alltså funktionerna playit() som spelar upp ljudet och iljtry() som ser till att knappbilden byts ut mot en bild av en intryckt knapp. Siffrorna inom parentes håller reda på VAR bilder ska bytas resp VILKEN bild som ska visas.
 
Funktionen och den kodbit som ser till att bilderna förladdas placeras i HEAD-delen (se MINIMANUAL 1 lite grunder) och ser ut så här:
 
<SCRIPT LANGUAGE="JavaScript"
     TYPE="text/javascript">
<!--
if(document.images) //1
{
     bild = new Array()//
     bild[1]= new Image()//
     bild[2]= new Image()//
     bild[1].src= "bildfilens namn: ej nedtryckt knapp"//
     bild[2].src= "bildfilens namn: nedtryckt knapp"//
}
function iljtry(platsnummer,bildnummer)//2
{//
     if(document.images)//
     {//
     document.images[platsnummer].src = bild[bildnummer].src//
     }//
}//
 
function playit()//
{//
if(soundOK==1)//
     {//
     document.embeds[0].play(false)//3
     }//
}//
//-->
</SCRIPT>
 
 1 Ingenting kommer att hända om inte onmousedown/up och bildväxling fungerar i den webbläsare som används.
Om allt fungerar, så förladdas bilderna. Använder man flera bilder är det bara att fortsätta med bild[3] etc (om man använder en loop slipper man skriva så mycket, se JavaScript 16.)
 
2 funktionen iljtry() ser till att bilderna växlas; mer om hur det fungerar finns under t ex JavaScript 46: knappar - onmousedown/up.
 
3 här spelas den ljudfil som finns angiven efter sidans första EMBED-tagg (embeds[0]).
 

Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 

 
Senast ändrad 23 september 1998.

Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se