1 / 21

Lukáš Masopust 2006

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

enoch
Download Presentation

Lukáš Masopust 2006

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Lukáš Masopust 2006

  2. 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é

  3. 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

  4. 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

  5. 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++

  6. <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>

  7. <textarea id="popis" onclick="document.getElementById('popis').value=’’ ">Zde vložte popis k…</textarea>

  8. functionprocess() { varstring; string = "<ul><li>Black</li><li>Orange</li><li>Pink</li></ul>"; myDiv = document.getElementById("myDivElement"); myDiv.innerHTML = string; }

  9. 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í

  10. 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);

  11. 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

  12. 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

  13. 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

  14. 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/

  15. Prof. Zdeněk Kotek, zakladatel katedry počítačů FEL

More Related