Many'ax Script: Javascript Chainable Loading Eksternal File

Jumat, 25 Juni 2010

Javascript Chainable Loading Eksternal File

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);
                                }
                        )
                }
        }
}