Grundlæggende web design, ITU Torsdag d. 3 nov. 2005 Javascript.

Præsentationer af emnet: "Grundlæggende web design, ITU Torsdag d. 3 nov. 2005 Javascript."— Præsentationens transcript:

1 Grundlæggende web design, ITU Torsdag d. 3 nov. 2005 Javascript

2 Javascript er godt til: interaktion (herunder manipulation af HTML/CSS) beregninger formular validering / manipulation event handling Javascript er IKKE godt til: grafik generering netværk (herunder Database adgang) fil manipulation

3 flere måder at eksekvere javascript på: fra et html-element: (inline) fra et html-dokument: (embedded) eller statements eller fra en ekstern fil: (external)

4 ting javascript bla. kan gøre for dig

5 klient maskine server ? Internettet Form validering uden javascript

6 klient maskine server ? Internettet Form validering med javascript

7 document.write(”Her er en html linie ”); 4 simple måder at kommunikere med brugeren på: alert(”Din email er ikke skrevet korrekt!”); confirm(”Du har ikke indtastet dit telefonnumer.\nSkal formen sendes alligevel?”); prompt(”Hvad er dit navn”,”Hasse”);

8 Hvordan man får fat i de elementer man gerne vil manipulere history location frames[] navigator documentself, window, top, parent links[] forms[] images[] elements[] Button Checkbox FileUpload Hidden Password Radio Reset Select Submit Text TextArea options[] window (you are here) window.src.document.images[0] document.forms[”minForm”].elements[”mitElement”].value

9 bla bla bla document.getElementById(”mitDiv”); document.getElementById(”mitDiv").style.backgroundColor=”red”; document.getElementById("farve").innerHTML=”Her er en ny tekst”; var minVariabel = document.getElementById(”mitDiv”); minVariabel.style.backgroundColor=”red”; minVariabel.innerHTML=”Her er en ny tekst”;