/*!
* headjs the only script in your
* author tero piirainen (tipiirai)
* maintainer robert hoffmann (itechnology)
* license mit / http://bit.ly/mit-license
*
* version 0.99
* http://headjs.com
*/
/* modify : head ==> wind */
; (function (win, undefined) {
"use strict";
var doc = win.document,
domwaiters = [],
queue = [], // waiters for the "head ready" event
handlers = {}, // user functions waiting for events
assets = {}, // loadable items in various states
isasync = "async" in doc.createelement("script") || "mozappearance" in doc.documentelement.style || win.opera,
isheadready,
isdomready,
/*** public api ***/
headvar = win.head_conf && win.head_conf.head || "wind",
api = win[headvar] = (win[headvar] || function () { api.ready.apply(null, arguments); }),
// states
preloading = 1,
preloaded = 2,
loading = 3,
loaded = 4;
// method 1: simply load and let browser take care of ordering
if (isasync) {
api.load = function () {
///
/// info: use cases
/// head.load("http://domain.com/file.js","http://domain.com/file.js", callback)
/// head.load({ label1: "http://domain.com/file.js" }, { label2: "http://domain.com/file.js" }, callback)
///
var args = arguments,
callback = args[args.length - 1],
items = {};
if (!isfunction(callback)) {
callback = null;
}
each(args, function (item, i) {
if (item !== callback) {
item = getasset(item);
items[item.name] = item;
load(item, callback && i === args.length - 2 ? function () {
if (allloaded(items)) {
one(callback);
}
} : null);
}
});
return api;
};
// method 2: preload with text/cache hack
} else {
api.load = function () {
var args = arguments,
rest = [].slice.call(args, 1),
next = rest[0];
// wait for a while. immediate execution causes some browsers to ignore caching
if (!isheadready) {
queue.push(function () {
api.load.apply(null, args);
});
return api;
}
// multiple arguments
if (!!next) {
/* preload with text/cache hack (not good!)
* http://blog.getify.com/on-script-loaders/
* http://www.nczonline.net/blog/2010/12/21/thoughts-on-script-loaders/
* if caching is not configured correctly on the server, then items could load twice !
*************************************************************************************/
each(rest, function (item) {
if (!isfunction(item)) {
preload(getasset(item));
}
});
// execute
load(getasset(args[0]), isfunction(next) ? next : function () {
api.load.apply(null, rest);
});
}
else {
// single item
load(getasset(args[0]));
}
return api;
};
}
// info: for retro compatibility
api.js = api.load;
api.test = function (test, success, failure, callback) {
///
/// info: use cases:
/// head.test(condition, null , "file.nok" , callback);
/// head.test(condition, "fileok.js", null , callback);
/// head.test(condition, "fileok.js", "file.nok" , callback);
/// head.test(condition, "fileok.js", ["file.nok", "file.nok"], callback);
/// head.test({
/// test : condition,
/// success : [{ label1: "file1ok.js" }, { label2: "file2ok.js" }],
/// failure : [{ label1: "file1nok.js" }, { label2: "file2nok.js" }],
/// callback: callback
/// );
/// head.test({
/// test : condition,
/// success : ["file1ok.js" , "file2ok.js"],
/// failure : ["file1nok.js", "file2nok.js"],
/// callback: callback
/// );
///
var obj = (typeof test === 'object') ? test : {
test: test,
success: !!success ? isarray(success) ? success : [success] : false,
failure: !!failure ? isarray(failure) ? failure : [failure] : false,
callback: callback || noop
};
// test passed ?
var passed = !!obj.test;
// do we have a success case
if (passed && !!obj.success) {
obj.success.push(obj.callback);
api.load.apply(null, obj.success);
}
// do we have a fail case
else if (!passed && !!obj.failure) {
obj.failure.push(obj.callback);
api.load.apply(null, obj.failure);
}
else {
callback();
}
return api;
};
api.ready = function (key, callback) {
///
/// info: use cases:
/// head.ready(callback)
/// head.ready(document , callback)
/// head.ready("file.js", callback);
/// head.ready("label" , callback);
///
// dom ready check: head.ready(document, function() { });
if (key === doc) {
if (isdomready) {
one(callback);
}
else {
domwaiters.push(callback);
}
return api;
}
// shift arguments
if (isfunction(key)) {
callback = key;
key = "all";
}
// make sure arguments are sane
if (typeof key !== 'string' || !isfunction(callback)) {
return api;
}
// this can also be called when we trigger events based on filenames & labels
var asset = assets[key];
// item already loaded --> execute and return
if (asset && asset.state === loaded || key === 'all' && allloaded() && isdomready) {
one(callback);
return api;
}
var arr = handlers[key];
if (!arr) {
arr = handlers[key] = [callback];
}
else {
arr.push(callback);
}
return api;
};
// perform this when dom is ready
api.ready(doc, function () {
if (allloaded()) {
each(handlers.all, function (callback) {
one(callback);
});
}
if (api.feature) {
api.feature("domloaded", true);
}
});
/* private functions
*********************/
function noop() {
// does nothing
}
function each(arr, callback) {
if (!arr) {
return;
}
// arguments special type
if (typeof arr === 'object') {
arr = [].slice.call(arr);
}
// do the job
for (var i = 0, l = arr.length; i < l; i++) {
callback.call(arr, arr[i], i);
}
}
/* a must read: http://bonsaiden.github.com/javascript-garden
************************************************************/
function is(type, obj) {
var clas = object.prototype.tostring.call(obj).slice(8, -1);
return obj !== undefined && obj !== null && clas === type;
}
function isfunction(item) {
return is("function", item);
}
function isarray(item) {
return is("array", item);
}
function tolabel(url) {
///converts a url to a file label
var items = url.split("/"),
name = items[items.length - 1],
i = name.indexof("?");
return i !== -1 ? name.substring(0, i) : name;
}
// info: this look like a "im triggering callbacks all over the place, but only wanna run it one time function" ..should try to make everything work without it if possible
// info: even better. look into promises/defered's like jquery is doing
function one(callback) {
///execute a callback only once
callback = callback || noop;
if (callback._done) {
return;
}
callback();
callback._done = 1;
}
function getasset(item) {
///
/// assets are in the form of
/// {
/// name : label,
/// url : url,
/// state: state
/// }
///
var asset = {};
if (typeof item === 'object') {
for (var label in item) {
if (!!item[label]) {
asset = {
name: label,
url : item[label]
};
}
}
}
else {
asset = {
name: tolabel(item),
url : item
};
}
// is the item already existant
var existing = assets[asset.name];
if (existing && existing.url === asset.url) {
return existing;
}
assets[asset.name] = asset;
return asset;
}
function allloaded(items) {
items = items || assets;
for (var name in items) {
if (items.hasownproperty(name) && items[name].state !== loaded) {
return false;
}
}
return true;
}
function onpreload(asset) {
asset.state = preloaded;
each(asset.onpreload, function (afterpreload) {
afterpreload.call();
});
}
function preload(asset, callback) {
if (asset.state === undefined) {
asset.state = preloading;
asset.onpreload = [];
loadasset({ url: asset.url, type: 'cache' }, function () {
onpreload(asset);
});
}
}
function load(asset, callback) {
///used with normal loading logic
callback = callback || noop;
if (asset.state === loaded) {
callback();
return;
}
// info: why would we trigger a ready event when its not really loaded yet ?
if (asset.state === loading) {
api.ready(asset.name, callback);
return;
}
if (asset.state === preloading) {
asset.onpreload.push(function () {
load(asset, callback);
});
return;
}
asset.state = loading;
loadasset(asset, function () {
asset.state = loaded;
callback();
// handlers for this asset
each(handlers[asset.name], function (fn) {
one(fn);
});
// dom is ready & no assets are queued for loading
// info: shouldn't we be doing the same test above ?
if (isdomready && allloaded()) {
each(handlers.all, function (fn) {
one(fn);
});
}
});
}
/* parts inspired from: https://github.com/cujojs/curl
******************************************************/
function loadasset(asset, callback) {
callback = callback || noop;
var ele;
if (/\.css[^\.]*$/.test(asset.url)) {
ele = doc.createelement('link');
ele.type = 'text/' + (asset.type || 'css');
ele.rel = 'stylesheet';
ele.href = asset.url;
}
else {
ele = doc.createelement('script');
ele.type = 'text/' + (asset.type || 'javascript');
ele.src = asset.url;
}
ele.onload = ele.onreadystatechange = process;
ele.onerror = error;
/* good read, but doesn't give much hope !
* http://blog.getify.com/on-script-loaders/
* http://www.nczonline.net/blog/2010/12/21/thoughts-on-script-loaders/
* https://hacks.mozilla.org/2009/06/defer/
*/
// async: load in parellel and execute as soon as possible
ele.async = false;
// defer: load in parallel but maintain execution order
ele.defer = false;
function error(event) {
event = event || win.event;
// need some more detailed error handling here
// release event listeners
ele.onload = ele.onreadystatechange = ele.onerror = null;
// do callback
callback();
}
function process(event) {
event = event || win.event;
// ie 7/8 (2 events on 1st load)
// 1) event.type = readystatechange, s.readystate = loading
// 2) event.type = readystatechange, s.readystate = loaded
// ie 7/8 (1 event on reload)
// 1) event.type = readystatechange, s.readystate = complete
// event.type === 'readystatechange' && /loaded|complete/.test(s.readystate)
// ie 9 (3 events on 1st load)
// 1) event.type = readystatechange, s.readystate = loading
// 2) event.type = readystatechange, s.readystate = loaded
// 3) event.type = load , s.readystate = loaded
// ie 9 (2 events on reload)
// 1) event.type = readystatechange, s.readystate = complete
// 2) event.type = load , s.readystate = complete
// event.type === 'load' && /loaded|complete/.test(s.readystate)
// event.type === 'readystatechange' && /loaded|complete/.test(s.readystate)
// ie 10 (3 events on 1st load)
// 1) event.type = readystatechange, s.readystate = loading
// 2) event.type = load , s.readystate = complete
// 3) event.type = readystatechange, s.readystate = loaded
// ie 10 (3 events on reload)
// 1) event.type = readystatechange, s.readystate = loaded
// 2) event.type = load , s.readystate = complete
// 3) event.type = readystatechange, s.readystate = complete
// event.type === 'load' && /loaded|complete/.test(s.readystate)
// event.type === 'readystatechange' && /complete/.test(s.readystate)
// other browsers (1 event on 1st load)
// 1) event.type = load, s.readystate = undefined
// other browsers (1 event on reload)
// 1) event.type = load, s.readystate = undefined
// event.type == 'load' && s.readystate = undefined
// !doc.documentmode is for ie6/7, ie8+ have documentmode
if (event.type === 'load' || (/loaded|complete/.test(ele.readystate) && (!doc.documentmode || doc.documentmode < 9))) {
// release event listeners
ele.onload = ele.onreadystatechange = ele.onerror = null;
// do callback
callback();
}
// emulates error on browsers that don't create an exception
// info: timeout not clearing ..why ?
//asset.timeout = win.settimeout(function () {
// error({ type: "timeout" });
//}, 3000);
}
// use insertbefore to keep ie from throwing operation aborted (thx bryan forbes!)
var head = doc['head'] || doc.getelementsbytagname('head')[0];
// but insert at end of head, because otherwise if it is a stylesheet, it will not ovverride values
head.insertbefore(ele, head.lastchild);
}
/* mix of stuff from jquery & iecontentloaded
* http://dev.w3.org/html5/spec/the-end.html#the-end
***************************************************/
function domready() {
// make sure body exists, at least, in case ie gets a little overzealous (jquery ticket #5443).
if (!doc.body) {
// let's not get nasty by setting a timeout too small.. (loop mania guaranteed if assets are queued)
win.cleartimeout(api.readytimeout);
api.readytimeout = win.settimeout(domready, 50);
return;
}
if (!isdomready) {
isdomready = true;
each(domwaiters, function (fn) {
one(fn);
});
}
}
function domcontentloaded() {
// w3c
if (doc.addeventlistener) {
doc.removeeventlistener("domcontentloaded", domcontentloaded, false);
domready();
}
// ie
else if (doc.readystate === "complete") {
// we're here because readystate === "complete" in oldie
// which is good enough for us to call the dom ready!
doc.detachevent("onreadystatechange", domcontentloaded);
domready();
}
};
// catch cases where ready() is called after the browser event has already occurred.
// we once tried to use readystate "interactive" here, but it caused issues like the one
// discovered by chriss here: http://bugs.jquery.com/ticket/12282#comment:15
if (doc.readystate === "complete") {
domready();
}
// w3c
else if (doc.addeventlistener) {
doc.addeventlistener("domcontentloaded", domcontentloaded, false);
// a fallback to window.onload, that will always work
win.addeventlistener("load", domready, false);
}
// ie
else {
// ensure firing before onload, maybe late but safe also for iframes
doc.attachevent("onreadystatechange", domcontentloaded);
// a fallback to window.onload, that will always work
win.attachevent("onload", domready);
// if ie and not a frame
// continually check to see if the document is ready
var top = false;
try {
top = win.frameelement == null && doc.documentelement;
} catch (e) { }
if (top && top.doscroll) {
(function doscrollcheck() {
if (!isdomready) {
try {
// use the trick by diego perini
// http://javascript.nwbox.com/iecontentloaded/
top.doscroll("left");
} catch (error) {
// let's not get nasty by setting a timeout too small.. (loop mania guaranteed if assets are queued)
win.cleartimeout(api.readytimeout);
api.readytimeout = win.settimeout(doscrollcheck, 50);
return;
}
// and execute any waiting functions
domready();
}
})();
}
}
/*
we wait for 300 ms before asset loading starts. for some reason this is needed
to make sure assets are cached. not sure why this happens yet. a case study:
https://github.com/headjs/headjs/issues/closed#issue/83
*/
settimeout(function () {
isheadready = true;
each(queue, function (fn) {
fn();
});
}, 300);
// browser type & version
var ua = navigator.useragent.tolowercase();
ua = /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
/(opera)(?:.*version)?[ \/]([\w.]+)/.exec( ua ) ||
/(msie) ([\w.]+)/.exec( ua ) ||
!/compatible/.test( ua ) && /(mozilla)(?:.*? rv:([\w.]+))?/.exec( ua ) || [];
if (ua[1] == 'msie') {
ua[1] = 'ie';
ua[2] = document.documentmode || ua[2];
}
api.browser = { version: ua[2] };
api.browser[ua[1]] = true;
// ie specific
if (api.browser.ie) {
// html5 support
each("abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video".split("|"), function(el) {
doc.createelement(el);
});
}
})(window);
/*********wind js*********/
/*
* phpwind js core
* @copyright : copyright 2011, phpwind.com
* @descript : phpwind核心js
* @author : chaoren1641@gmail.com
* @thanks : head.js (http://headjs.com)
* $id: wind.js 21971 2012-12-17 12:11:36z hao.lin $ :
*/
/*
* 防止浏览器不支持console报错
*/
if(!window.console) {
window.console = {};
var funs = ["profiles", "memory", "_commandlineapi", "debug", "error", "info", "log", "warn", "dir", "dirxml", "trace", "assert", "count", "marktimeline", "profile", "profileend", "time", "timeend", "timestamp", "group", "groupcollapsed", "groupend"];
for(var i = 0;i < funs.length; i++) {
console[funs[i]] = function() {};
}
}
/*
*解决ie6下不支持背景缓存
*/
wind.ready(function() {
if (!+'\v1' && !('maxheight' in document.body.style)) {
try{
document.execcommand("backgroundimagecache", false, true);
}catch(e){}
}
});
/*
*wind core
*/
(function(win) {
var root = win.gv.web_root+win.gv.js_root || location.origin + '/public/js/', //在wind.js加载之前定义gv.js_root
ver = '',
//定义常用js组件别名,使用别名加载
alias = {
datepicker : 'datepicker/datepicker',
jquery : 'jquery',
colorpicker : 'colorpicker/colorpicker',
tabs : 'tabs/tabs',
swfobject : 'swfobject',
imgready : 'imgready',
//jquery util plugs
ajaxform : 'ajaxform',
cookie : 'cookie',
treeview : 'treeview',
treetable : 'treetable/treetable',
draggable : 'draggable',
validate : 'jquery.validate/jquery.validate',
'validate-extends': 'jquery.validate/additional-methods',
artdialog : 'artdialog/artdialog',
iframetools : 'artdialog/iframetools',
xd : 'xd',//iframe跨域通信
noty : 'noty/noty',
jcrop : 'jcrop/js/jcrop',
ajaxfileupload : 'ajaxfileupload',
layer : 'layer/layer',
plupload : 'plupload/plupload.full.min',
echarts : 'echarts/echarts.min'
},
//css路径
alias_css = {
colorpicker : 'colorpicker/style',
artdialog : 'artdialog/skins/default',
datepicker : 'datepicker/style',
treetable : 'treetable/treetable',
jcrop : 'jcrop/css/jquery.jcrop.min',
layer : 'layer/skin/layer',
};
//add suffix and version
for(var i in alias) {
if (alias.hasownproperty(i)) {
alias[i] = root + alias[i] +'.js?v=' + ver;
}
}
for(var i in alias_css) {
if (alias_css.hasownproperty(i)) {
alias_css[i] = root + alias_css[i] +'.css?v=' + ver;
}
}
//css loader
win.wind = win.wind || {};
//!todo old webkit and old firefox does not support
wind.css = function(alias/*alias or path*/,callback) {
var url = alias_css[alias] ? alias_css[alias] : alias
var link = document.createelement('link');
link.rel = 'stylesheet';
link.href = url;
link.onload = link.onreadystatechange = function() {//chrome link无onload事件
var state = link.readystate;
if (callback && !callback.done && (!state || /loaded|complete/.test(state))) {
callback.done = true;
callback();
}
}
document.getelementsbytagname('head')[0].appendchild(link);
};
/**
* 更新或者添加js别名,在 wind.use()调用名使用
* @param newalias ,要设置的别名对象
*/
wind.alias = function (newalias){
for(var i in newalias) {
alias[i] =newalias[i];
}
}
/**
* 更新或者添加css别名,在 wind.css()调用名使用
* @param newalias ,要设置的别名对象
*/
wind.aliascss = function (newalias){
for(var i in newalias) {
alias_css[i] =newalias[i];
}
}
//using the alias to load the script file
wind.use = function() {
var args = arguments,len = args.length;
for( var i = 0;i < len;i++ ) {
if(typeof args[i] === 'string' && alias[args[i]]) {
args[i] = alias[args[i]];
}
}
wind.js.apply(null,args);
};
//wind javascript template (author: john resig http://ejohn.org/blog/javascript-micro-templating/)
var cache = {};
wind.tmpl = function (str, data) {
var fn = !/\w/.test(str) ? cache[str] = cache[str] || tmpl(str) :
new function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" +
"with(obj){p.push('" +
str.replace(/[\r\t\n]/g, " ").split("<%").join("\t").replace(/((^|%>)[^\t]*)'/g, "$1\r").replace(/\t=(.*?)%>/g, "',$1,'").split("\t").join("');").split("%>").join("p.push('").split("\r").join("\\'") + "');}return p.join('');");
return data ? fn(data) : fn;
};
//wind全局功能函数命名空间
wind.util = {}
})(window);