JavaScript i externe filer JavaScript gemmes i en ekstern fil (myscripts.js ) og så hentes ind i dokument hvor de skal bruges med, svarende at koden var.

Præsentationer af emnet: "JavaScript i externe filer JavaScript gemmes i en ekstern fil (myscripts.js ) og så hentes ind i dokument hvor de skal bruges med, svarende at koden var."— Præsentationens transcript:

1 JavaScript i externe filer JavaScript gemmes i en ekstern fil (myscripts.js ) og så hentes ind i dokument hvor de skal bruges med, svarende at koden var indlagt i dokumentet. Der kan godt hentes ind fra flere steder, ligesom der samtidig også kan suppleres med indlejret JavaScript i dokumentet.

2 Fejlhåndtering try { // Kode der kan fejle } catch(err) { // fejlhåndtering f.eks. alert("Error description: " + err.description); }

3 Events - musseposition Musse-events kan bruges til sjove ting (Her: Internet Explorer) document.onmousemove=flyt; // flyt metode når mus flyttes i window function flyt() { var x = event.clientX; var y = event.clientY; x = x+10; y = y+10; document.all.knap1.style.position = "absolute"; document.all.knap1.style.left = ""+x; document.all.knap1.style.top = ""+y; window.status=x+" : "+y; } Se mere her: http://www.javascriptkit.com/jsref/event.shtmlhttp://www.javascriptkit.com/jsref/event.shtml

4 Indgriben når felt forlades med med tastatur eller mus Et lille script der ændrer til uppercase når felt forlades med tastatur eller mus. function upperCase() { var x=document.all["fname"].value; document.all["fname"].value = x.toUpperCase(); } Enter your name:

5 Ingriben i load og unload En drilleside – noget der tit bruges på nettet for at påtvinge at man bliver på en side this.id = "drillewindue"; var nyWindow = null; function luk () // public metode på winduet { alert("lukker også andet window"); if (nyWindow!=null)nyWindow.close(); } function createNewDoc() { var windowURL = ""; var windowID = ""; var windowProperty = 'left=20,top=20,width=500,height=500,toolbar=0,resizable=0'; nyWindow = this.open(windowURL,windowID,windowProperty); nyWindow.document.write(' Window der ikke er til at lukke '); nyWindow.document.close(); nyWindow.lukny = function() // public metode på winduet { alert("du må ikke lukke dette window"); createNewDoc (); } Drille window der åbner window der ikke kan "lukkes"

6 Udskiftning af html/tekst elementer html/tekt indhold kan udskriftes med properties eks. på body document.body.innerHTML =” nyt indhold ”; document.body.innerText =”Nyt indhold”; er også god at bruge i forbindelse med objekterne af typen div og span der ligesom forms kan indeholde flere elementer.

7 Udskiftning af html/tekst elementer function onMouseOverSpan(overspan){ document.all.overspan.innerHTML=”………..”; } …. ……………

8 Gennemløb af properites på objekt txt= "--------------------------------------------- " +"objektets properties " +"navn - type - værdi for properties " +"--------------------------------------------- "; for (prop in myobject) { txt += prop+" - "+typeof(myobject[prop])+" - ” + myobject[prop]+" "; } txt += "** slut på properties ";

9 objektsamlinger på document all- samling af alle objekter på dokument forms applets images frames

10 flere muligheder - applets Det er muligt at bruge en applets public metoder fra JavaScript. Dette åbner mulighed for f.eks. at kunne lave filbehandling m.m.