210 likes | 340 Views
Lukáš Masopust 2006. Dynamická stránka je stránka, jejíž zdrojový kód obsahuje skript, schopný bezprostředně obsloužit událost vyvolanou činností návštěvníka stránky. Je to, tedy stránka se skriptem, který se spouští u uživatele. Tuto definici splňují i pseudoprvky a pseudotřídy
E N D
Dynamická stránka je stránka, jejíž zdrojový kód obsahuje skript, schopný bezprostředně obsloužit událost vyvolanou činností návštěvníka stránky. Je to, tedy stránka se skriptem, který se spouští u uživatele. Tuto definici splňují i pseudoprvky a pseudotřídy U AJAXu je to není zcela zřejmé
1994 – LiveScript – syntax jazyka byla inspirována C++ a Javou • 1995 – Brendan Eich, inženýr firmy Netscape, představil JavaScript – změna názvu byla schválena firmou Sun • 1996 – Microsoft představil Jscript • Započat vývoj ECMAScript standardu – snaha o sjednocení JavaScriptu a Jscriptu • Představen VBScript
1997 –European Computer Manufacturers Association (ECMA) vydala první verzi ECMAScriptu (ECMA-262, ISO-16262) • 1998 – Document Object Model (HTML) Level 1 • 1999 – ECMAScript 3. vydání • Microsoft ECMAScript standart implementuje ve verzi 5.0 • 2000 – JavaScript 1.5 • 2004 – XMLHttpRequest standartizován W3C • 2005 – JavaScript 1.6 • 2006 – JavaScript 1.7
Skripty se spouštějí na straně klienta, proto jazyk neobsahuje funkce pro práci se soubory • Existuje i serverová verze – spuštění v shell • Objektově založený jazyk • Umí obsloužit události přidružené HTML prvkům • Syntax inspirována C++
<SCRIPTlanguage=“JavaScript“>… kód …</SCRIPT> Vkládá se do hlavičky HTML dokumentu • <SCRIPTlanguage=“JavaScript“ src=“URL“></SCRIPT> • <PRVEKudálost=“kód“></PRVEK> • <NOSCRIPT>Prohlížeč nepodporuje či má zakázané spouštění JavaScriptu</NOSCRIPT>
<textarea id="popis" onclick="document.getElementById('popis').value=’’ ">Zde vložte popis k…</textarea>
functionprocess() { varstring; string = "<ul><li>Black</li><li>Orange</li><li>Pink</li></ul>"; myDiv = document.getElementById("myDivElement"); myDiv.innerHTML = string; }
Základ tvoří objekt XMLHttpRequest • Vystavěn na současných technologií • Umožňuje přiblížit web „klasickým“ aplikacím • Šetří datové přenosy • Urychluje uživateli práci • Odděluje obsah od způsobu propagace • Nemění URL v adresném řádku prohlížeče • Znemožňuje použití tlačítka zpět v prohlížeči • Znemožňuje záložkování
DIV UL LI Black oUl = document.createElement("ul") oLiBlack = document.createElement("li"); oBlack = document.createTextNode("Black"); oLiBlack.appendChild(oBlack); oUl.appendChild(oLiBlack); myDiv = document.getElementById("myDivElement"); myDiv.appendChild(oUl);
onAbort – když uživatel přeruší akci • onBlur – když prvek ztratí focus • onChange – když ztratí fokus objekt Select, Text nebo Textarea a když byla změněna jeho data • onClick – když bylo klepnuto na prvek • onDblClick – když bylo poklepáno na prvek • onFocus – když některý prvek dostal fokus
onDragDrop – když uživatel přetáhne objekt do okna prohlížeče • onKeyDown – když byla stlačena klávesa dolů • onKeyPress – když uživatel klávesu stiskne nebo drží stisknutou • onKeyUP – když je klávesa opět uvolněna • onMouseDown – když uživatel stiskne tlačítko myši • onMouseMove – když uživatel pohne myší • onMouseOut – když myš opustí oblast (obrázek nebo odkaz) • onMouseOver – když kurzor myši je nad objektem • onMouseUp – když uživatel opět uvolní tlačítko myši
onMove – když uživatel nebo skript pohne objektem (oknem) • onReset – když uživatel resetuje formulář • onResize – když uživatel nebo skript změní velikost okna (rámce) • onSelect – když uživatel označí text (např. v textarea) • onSubmit – když uživatel odešle formulář • onLoad – když bylo dokončeno natahování dokumentu • onUload – když uživatel opustí dokument • onError – když natažení dokumentu nebo obrázku způsobí chybu
http://developer.mozilla.org • http://www.ecma-international.org/ • http://www.w3.org/DOM/ • http://web.archive.org/web/20040202034208/devedge.netscape.com/central/javascript/ • http://msdn.microsoft.com/