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.

Slides:



Advertisements
Lignende præsentationer
Introduktion til CSS Videre med CSS. Body egenskaber Body-markøren omslutter alle vores indholdselementer. Du kan derfor ved at tillægge en række egenskaber,
Advertisements

Kort om JavaScript Afvikles i browser på klienten Sendes fra server (php, asp, aspx, htm) eller startes i klient som htm/html fil. Skabelon: –”main” -
En lille introduktion Angående links til
Introduktion til HTML HTML dokumentets struktur & Indhold.
Hejnsvigbynet.dk Opdatering med typo3 CMS. •Mål –Deltagere skal kunne oprette og redigere tekst, tabeller og billeder på en underside •Forudsætninger.
GSAK – helt fra start Hvad er GSAK ? Download og installation GSAK
Introduktion til Javascript – Grundlæggende Webdesign, F2004. Introduktion til Javascript.
Klik på Aktivér redigering på meddelelseslinjen.
Vejledning i blog-værktøjet WordPress Opdateret august 2009.
Vejledning i blog-værktøjet WordPress Opdateret oktober 2012.
Dag 7: Javascript Html- og css-billedgalleri Javascript-intro
Dagsorden: Formål: Jeres websider skal layoutes i bokse/sektioner
Hvordan bruger jeg First Class konferencerne ?
POSITIONERING Stefan Grage
Dag 9: Programpakker Jquery og JQuery Mobile
Intro Eksamen 4-ugers-projekter? Eksamensforberedelse De sidste tre gange?
CSS ver. 2 Rikke Møller-Poulsen. Visning af billeder?!? Er der stadig nogen, der har problemer med at få vist billeder på deres site?
Opret en database i Reference Manager, ver. 11 Åbn programmet. Opret en ny database. Placér basen ude på ”skrivebordet ” (kun i denne sammenhæng – da baserne.
Dag 2 varekatalog Broadcast: session-id (samme session-id hver gang) Formiddagens arbejde:
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
Sensus Tilgængelighed i PDF-filer - Adobe Professional Helene Nørgaard Bech Sensus ApS.
CMS Content Management System To adskilte systemer – Åben – Lukket Det betyder, at forsiden skal bevares i hvert system at hvert system skal have sine.
Dag 4 - dagsorden: Formål: I skal lære at lave menuer I Tekst/CSS-baserede menuer 1. Lodret menu med mouse-over-effekt 2. Vandret menu med mouse-over-effekt.
IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
XML1 4.7 XML and Its Data Model. XML2 Introduktion til XML, 178 XML = eXtensible Markup Language Markup language –sprog, hvor data "pakkes ind" i tags.
Intro Projekttyper v/ Lise Louv, Uddannelsesafdelingen Siden sidst: evaluering på opgaver og virtuel kursus. Kursets ugeforløb læse – forelæsning – øvelsestime.
18 – Java Server Faces. 2 NOEA2009Java-kursus – JSF 2 Web-applikationer - 1 Brugere interagerer med en Web-browser Browseren sender forespørgsler til.
Programmering af dynamiske websider pages/tutorials/introducing-aspnet- web-pages-2/intro-to-web-pages- programming.
Øvelsesgang 1 - DWDK Rikke Poulsen. Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil.
Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
1 HMAK XMLRelationel model og XMLNOEA / PQC 2005 SQLServer og XML Hent data via URL Generering af xml –Raw –Auto –Explicit Hent data via template Evt.
XML Rasmus D. Lehrmann DM Indhold Hvad er XML? XML standarder Hvor bruges XML? XML struktur Træ struktur Element & Attribute Syntaks i XML Stylesheets.
Relationelle databaser og XML
AJAX/Otto Knudsen 1 AJAX Motivation Definition. AJAX/Otto Knudsen 2 Motivation En typisk web-applikation er synkron klienten sender en forespørgsel og.
Øvelsestimer (opgave 5) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
Dag 7: Javascript Screen-broadcast – gå til - Indtast mødenummer - Vælg html-viewer - Klik Join sessionwww.123beam.com Php-opsamling (php-warning.
Program Design – 4 Introduktion til PHP. Dagens lektion Hvad er PHP?  - og lidt historie Hvordan virker PHP? Grundlæggende PHP  Variable  Typer  Løkker.
Mønstre En lille introduktion. Singleton Tilgå et objekt igennem klassereference i stedet for objektreference.  Overflødiggør referencer til objektet.
Copyright (C) 1998 Klaus Fuglevig Office 4.x til Office 97 Word Excel Klaus Fuglevig - FBT.
Gennemgang af hjemmeside.
CSS - Cascading Style Sheets HTML-koder for tekststruktur og for formatering HTML-koder for tekststruktur CSS-koder for formatering FørNu Lettere at redigere.
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
Procestræ under afvikling af cp init login shell cp cp src dest.
Intro Siden sidst: evaluering på opgaver og virtuel kursus.
DWDK Øvelsesgang 2. Tegnsæt: utf-8 vs. iso Utf-8 = universelt tegnsæt Giver advarsel i validator Dokument skal gemmes i utf-8 format i notepad.
11 - Exceptions. 2 NOEA2009Java-kursus – Exceptions Hvad er en exception? En undtagelse. Typisk en fejl der opstår runtime Afbryder det normale programflow.
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
03 – Udtryk og metoder. 2 NOEA2009Java-kursus – Udtryk og metoder Udtryk i Java Java har standard udtrykene… Værditildeling Subrutiner og funktionskald.
XML 2. Formatering af XML data med CSS Når man arbejder med XML og CSS er fremgangsmåden den samme som i forbindelse med HTML og CSS.
PD – kursusgang 3 Introduktion til Java Script. Mål Viden om hvordan JavaScripts indlejres i HTML dokumenter Viden om programmering i JavaScript  Erklæring.
CSS - Cascading Style Sheets HTML-koder for tekststruktur og for formatering HTML-koder for tekststruktur CSS-koder for formatering FørNu Lettere at redigere.
Tekst til nettet Digitale Medier E /11. MENU DIGITALE MEDIER: FORMIDLING OG DESIGN SØGEMASKINER OG OPTIMERING Tekst på nettet Opsummering på kursets.
DWDK – øvelsestime 3 CSS – let the fun begin!!. Tilgængelige slides Disse slides ligger på mit public drev
Grundlæggende web design, ITU Torsdag d. 3 nov Javascript.
Grundlæggende DW, HTML, CSS, udskæring.
Tekst filer Tekstfiler opbygges normalt af linier, hvor disse ikke behøver at være samme længde. Når man skal arbejde med tekstfiler, ønsker man metoder.
Client / Server teknologi Eksamensteori Anbefaling: Tag notater.
PD – kursusgang 2 Introduktion til Frames og Cascading Style Sheets.
Usability – 3. november: Tilgængelighedstests Vigtige deadlines! Dagens øvelse Tilgængelighedsrapport Usability-rapport Næste uge.
Udvikling af mobilsites Einar Gislason / FTF. Mobilsites Mobilvenlige sites.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt.
IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
Opsamling og repetition. Forelæsning 12 Hvad I ikke lærte Repetition? - date() - arrays - echo og return I funktioner - strukturering af script - navngivning.
Frivillignettet Adgang via Hjerteforeningens hjemmeside Klik på menu.
WebApi service part 2 Routning og Action Simpel test-client (javascript) Session og Application data.
WebApi service x.
Eclipse projekter.
Hvordan ændrer jeg teksten på min hjemmeside?
Simpel test-client (javascript) Session og Application data
Modul 4: ”Tekstbehandling 2”
Præsentationens transcript:

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.

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

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:

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:

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"

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.

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

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 ";

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

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.