Jan Tichý

Přeskočit na navigaci

JavaScript

• co je to JavaScript
• vložení do stránky
• jednorázové/událostní spouštění, události v HTML
• syntaxe
• operátory, řídící struktury, funkce
• objekty a DOM model
• čtení a zápis dat do formulářových polí, interaktivní efekty, změna stylů a CSS tříd
• přístupnost, použitelnost

AJAX

Základní získání instance pro práci s AJAXem:

function ajaxInstance()
{
    var ajax = false;
    /*@cc_on @*/
    /*@if (@_jscript_version >= 5)
        try {
            ajax = new ActiveXObject('Msxml2.XMLHTTP');
        } catch (e) {
            try {
                ajax = new ActiveXObject('Microsoft.XMLHTTP');
            } catch (E) {
                ajax = false;
            }
        }
    @end @*/
    if (!ajax && typeof XMLHttpRequest != 'undefined') {
        ajax = new XMLHttpRequest();
    }
    return ajax;
}

Například funkce pro výměni jednoho bloku za jiný:

function ajaxReplace(element, url)
{
    var ajax = ajaxInstance();
    if (!ajax) {
        return false;
    }
    ajax.open('GET', url, true);
    ajax.onreadystatechange = function() {
        if (ajax.readyState == 4) {
            element.innerHTML = ajax.responseText;
        }
    }
    ajax.send(null);
    return true;
}

Což se dá udělat například takto:

<div onclick="ajaxReplace(this, 'http://www.jantichy.cz/vyuka/4iz228/javascript/ajax.html');">
Po kliknutí se sem nahraje nový obsah na pozadí přes Ajax
</div>

Zápatí

Obsah stránek vyjadřuje osobní názory, postoje a zkušenosti autora. Copyright © 2004–2010 Jan Tichý.