Скрипт автозагрузки JavaScript-файлов - Разное - Интересные решения для программистов - Примеры кода

Разное → Скрипт автозагрузки JavaScript-файлов → PHP

Сам недавно с подобным столкнулся. Написал джаваскрипт класс, который будет использоваться довольно редко. Размер у файла получился довольно большой и стало жалко траффика. Что делать?

А делать надо вот что - подгружать этот файл только тогда, когда это действительно надо. Сделать это довольно просто со следующим скриптом.
Для работы скрипта нужен Prototype.

/**
 *  Script lazy loader 0.5
 *  Copyright (c) 2008 Bob Matsuoka
 *  This program is free software; you can redistribute it and/or
 *  modify it under the terms of the GNU General Public License
 *  as published by the Free Software Foundation; either version 2
 *  of the License, or (at your option) any later version.
 */
var LazyLoader = {}; //namespace
LazyLoader.timer = {}; // contains timers for scripts
LazyLoader.scripts = []; // contains called script references
LazyLoader.load = function(url, callback){
	// handle object or path
	var classname = null;
	var properties = null;
	try {
		// make sure we only load once
		if ($A(LazyLoader.scripts).indexOf(url) == -1) {
			// note that we loaded already
			LazyLoader.scripts.push(url);
			var script = document.createElement("script");
			script.src = url;
			script.type = "text/javascript";
			$$("head")[0].appendChild(script); // add script tag to head element
			// was a callback requested
			if (callback) {
				// test for onreadystatechange to trigger callback
				script.onreadystatechange = function(){
					if (script.readyState == 'loaded' || script.readyState == 'complete') {
						callback();
					}
				}
				// test for onload to trigger callback
				script.onload = function(){
					callback();
					return;
				}
				// safari doesn't support either onload or readystate, create a timer
				// only way to do this in safari
				if ((Prototype.Browser.WebKit && !navigator.userAgent.match(/Version\/3/)) || Prototype.Browser.Opera) { // sniff
					LazyLoader.timer[url] = setInterval(function(){
						if (/loaded|complete/.test(document.readyState)) {
							clearInterval(LazyLoader.timer[url]);
							callback(); // call the callback handler
						}
					}, 10);
				}
			}
		}
		else {
			if (callback) {
				callback();
			}
		}
	}
	catch (e) {
		alert(e);
	}
}

//Использовать очень просто. Можно или просто подгрузить нужный файл:
LazyLoader.load('js/ajaxrussia.js');

//Или погрузить с callbacks. Tо есть чтобы сразу после загрузки выполнить какую нибудь функцию:
LazyLoader.load('js/ajaxrussia.js', function(){
	var test= new AjaxRussia('test');
});

autoload, javascript, load, loader, php

KOS_MOS

Александр

10.06.2008

Меню

Подписка на RSS:

Подпишись на RSS-ленту

Поиск

Облако тегов

	Разное → Скрипт автозагрузки JavaScript-файлов → PHP Сам недавно с подобным столкнулся. Написал джаваскрипт класс, который будет использоваться довольно редко. Размер у файла получился довольно большой и стало жалко траффика. Что делать? А делать надо вот что - подгружать этот файл только тогда, когда это действительно надо. Сделать это довольно просто со следующим скриптом. Для работы скрипта нужен Prototype. /** * Script lazy loader 0.5 * Copyright (c) 2008 Bob Matsuoka * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License * as published by the Free Software Foundation; either version 2 * of the License, or (at your option) any later version. / var LazyLoader = {}; //namespace LazyLoader.timer = {}; // contains timers for scripts LazyLoader.scripts = []; // contains called script references LazyLoader.load = function(url, callback){ // handle object or path var classname = null; var properties = null; try { // make sure we only load once if ($A(LazyLoader.scripts).indexOf(url) == -1) { // note that we loaded already LazyLoader.scripts.push(url); var script = document.createElement("script"); script.src = url; script.type = "text/javascript"; $$("head")[0].appendChild(script); // add script tag to head element // was a callback requested if (callback) { // test for onreadystatechange to trigger callback script.onreadystatechange = function(){ if (script.readyState == 'loaded' \|\| script.readyState == 'complete') { callback(); } } // test for onload to trigger callback script.onload = function(){ callback(); return; } // safari doesn't support either onload or readystate, create a timer // only way to do this in safari if ((Prototype.Browser.WebKit && !navigator.userAgent.match(/Version\/3/)) \|\| Prototype.Browser.Opera) { // sniff LazyLoader.timer[url] = setInterval(function(){ if (/loaded\|complete/.test(document.readyState)) { clearInterval(LazyLoader.timer[url]); callback(); // call the callback handler } }, 10); } } } else { if (callback) { callback(); } } } catch (e) { alert(e); } } //Использовать очень просто. Можно или просто подгрузить нужный файл: LazyLoader.load('js/ajaxrussia.js'); //Или погрузить с callbacks. Tо есть чтобы сразу после загрузки выполнить какую нибудь функцию: LazyLoader.load('js/ajaxrussia.js', function(){ var test= new AjaxRussia('test'); }); autoload, javascript, load, loader, php* KOS_MOS Александр 10.06.2008 Ваше имя Ваш E-mail (если хотите отслеживать комментарии) Дoкажи, что ты не робот Текст комментария	Меню CodeIgniter Алгоритмы Базы данных Дата и Время Интернет Интерфейс Мультимедиа ОС и Железо Работа с текстом Разное Технологии Файлы Подписка на RSS: Подпишись на RSS-ленту Поиск Облако тегов .net array asp bash browser charset check class clean convert count create css curl database date delete directory download element email equivalent extension file find form format function get height html http ie image javascript jquery load mysql number page perl php random scriplet send shell size sql string text time url utf8 variable vb visual basic width window xml xslt