Sida 17 av 21FÖREGNÄSTA

Lätta upp webbsidorna med interaktiva knappar

          <html>

<head>

<script language="JavaScript">
<!--
function FP_preloadImgs( ) ...

function FP_swapImg( ) ...

function FP_getObjectByID(id,o) ...
-->
</script>

</head>

<body>
</body>

</html>

        
Detta är JavaScript-funktioner som läggs till med hjälp av <script>-taggen. (Exemplet är förenklat. Kodraderna visas i sin helhet i övningen som kommer snart.)

När du lägger till en interaktiv knapp infogas tillhörande JavaScript i dokumenthuvudet.

Det är framför allt tre JavaScript-funktioner som infogas här: FP_preloadImgs, FP_swapIMG och FP_getObjectByID. Funktionerna är uppgifter som ska utföras av webbläsaren.

Den viktigaste funktionen för interaktiva knappar är Byt bilder-funktionen (FP_swapImg). Den anger att webbläsaren ska byta bild när någon för muspekaren över knappen, klickar på den, släpper den eller flyttar pekaren bort från den.

De andra två funktionerna är också viktiga och under övningssessionen som följer får du tillfälle att titta närmare på dem.

Sida 17 av 21FÖREGNÄSTA