Jumat, 25 Juni 2010

Javascript Chainable Loading Eksternal File

Buzz It
Javascript Chainable Loading Eksternal File

javascript Chainable Loading Eksternal File

Objek ini berguna ketika Anda ingin memuat file javascript eksternal ketika terakhir satu yang dimuat.

Dengan cara ini Anda akan membentuk semacam javascript library loading chainable, yang akan menjamin bahwa setiap Anda membuat file hanya akan dimuat setelah Anda memuat dependensinya.

Pemakaian

Contoh ini menunjukkan kepada anda bagaimana membuat perpustakaan jQuery dan jika jQuery UI penuh sehingga menimbulkan beban, dan kemudian hanya skrip - " "- script.js Anda.

ScriptLoader.load([
'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js',
'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'
'your-script.js'
]);

Sumber perpustakaan

/**
*
*  Chainable external javascript file loading
*  http://www.webtoolkit.info/
*
**/
var scriptLoader = {
        _loadScript: function (url, callback) {
                var head = document.getElementsByTagName('head')[0];
                var script = document.createElement('script');
                script.type = 'text/javascript';
                script.src = url;
                if (callback) {
                        script.onreadystatechange = function () {
                                if (this.readyState == 'loaded') callback();
                        }
                        script.onload = callback;
                }
                head.appendChild(script);
        },

        load: function (items, iteration) {
                if (!iteration) iteration = 0;
                if (items[iteration]) {
                        scriptLoader._loadScript(
                                items[iteration],
                                function () {
                                        scriptLoader.load(items, iteration+1);
                                }
                        )
                }
        }
}

Sumber : http://www.webtoolkit.info/chainable-external-javascript-file-loading.html | Download Article



Tidak ada komentar:

Posting Komentar