docs/core.html
<!DOCTYPE html>
<html>
<head>
<title>core.js</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link rel="stylesheet" media="all" href="docco.css" />
</head>
<body>
<div id="container">
<div id="background"></div>
<ul id="jump_to">
<li>
<a class="large" href="javascript:void(0);">Jump To …</a>
<a class="small" href="javascript:void(0);">+</a>
<div id="jump_wrapper">
<div id="jump_page">
<a class="source" href="ajax.html">
ajax.js
</a>
<a class="source" href="anim.html">
anim.js
</a>
<a class="source" href="core.html">
core.js
</a>
<a class="source" href="detect.html">
detect.js
</a>
<a class="source" href="dom.html">
dom.js
</a>
<a class="source" href="end.html">
end.js
</a>
<a class="source" href="evt.html">
evt.js
</a>
<a class="source" href="fx.html">
fx.js
</a>
<a class="source" href="legacy.html">
legacy.js
</a>
<a class="source" href="misc.html">
misc.js
</a>
<a class="source" href="more.html">
more.js
</a>
<a class="source" href="polyfill.html">
polyfill.js
</a>
<a class="source" href="sizzle.html">
sizzle.js
</a>
<a class="source" href="start.html">
start.js
</a>
<a class="source" href="test.html">
test.js
</a>
<a class="source" href="util.html">
util.js
</a>
</div>
</li>
</ul>
<ul class="sections">
<li id="title">
<div class="annotation">
<h1>core.js</h1>
</div>
</li>
<li id="section-1">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-1">¶</a>
</div>
</div>
</li>
<li id="section-2">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-2">¶</a>
</div>
<hr>
</div>
</li>
<li id="section-3">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-3">¶</a>
</div>
<h2 id="core-library">Core Library</h2>
</div>
</li>
<li id="section-4">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-4">¶</a>
</div>
</div>
</li>
<li id="section-5">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-5">¶</a>
</div>
<p>If there is a select function (sizzle), use it
or use the native querySelectorAll()</p>
</div>
<div class="content"><div class='highlight'><pre> select = select || <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(selector, root)</span> </span>{</pre></div></div>
</li>
<li id="section-6">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-6">¶</a>
</div>
<p>Set root to given root or document</p>
</div>
<div class="content"><div class='highlight'><pre> root = root || doc;</pre></div></div>
</li>
<li id="section-7">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-7">¶</a>
</div>
<p>Use the native querySelectorAll</p>
</div>
<div class="content"><div class='highlight'><pre> <span class="hljs-keyword">return</span> root.querySelectorAll(selector);
};
<span class="hljs-comment">/**
* The main Hilo Object / function
*
* @module Hilo
* @static
* @class hilo
* @author Erik Royall
*/</span>
hilo = <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(input, root, en)</span> </span>{
<span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> input === <span class="hljs-string">"undefined"</span>) {</pre></div></div>
</li>
<li id="section-8">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-8">¶</a>
</div>
<p>It’s better than not returning anything</p>
</div>
<div class="content"><div class='highlight'><pre> <span class="hljs-keyword">return</span> win.Hilo;
} <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> input === <span class="hljs-string">"number"</span>) {
<span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> NumberObject(input);
} <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> input === <span class="hljs-string">"string"</span>) {
<span class="hljs-keyword">if</span> (trim(input) === <span class="hljs-string">""</span>) {</pre></div></div>
</li>
<li id="section-9">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-9">¶</a>
</div>
<p>Can’t pass empty string to querySelectorAll()</p>
</div>
<div class="content"><div class='highlight'><pre> <span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> Dom({length:<span class="hljs-number">0</span>});
}</pre></div></div>
</li>
<li id="section-10">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-10">¶</a>
</div>
<p>Most common, return based on selector</p>
</div>
<div class="content"><div class='highlight'><pre> <span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> Dom(select(input, root, en), input);
} <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> input === <span class="hljs-string">"function"</span>) {
<span class="hljs-keyword">if</span> (<span class="hljs-built_in">document</span>.readyState === <span class="hljs-string">"complete"</span>) {
input();
} <span class="hljs-keyword">else</span> {
callbacks.push(input);
}</pre></div></div>
</li>
<li id="section-11">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-11">¶</a>
</div>
<p>Allows to immediately start executing more code
It’s better than not returning anything!</p>
</div>
<div class="content"><div class='highlight'><pre> <span class="hljs-keyword">return</span> win.Hilo;
} <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (input.length) { <span class="hljs-comment">// DOM Node List | Hilo DOM Object</span>
<span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> Dom(input);
} <span class="hljs-keyword">else</span> { <span class="hljs-comment">// DOM Node</span>
input = [input];
<span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> Dom(input);
}
};</pre></div></div>
</li>
<li id="section-12">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-12">¶</a>
</div>
<p>Enable Selector Caching</p>
</div>
<div class="content"><div class='highlight'><pre> hilo.temp = {};</pre></div></div>
</li>
<li id="section-13">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-13">¶</a>
</div>
<p>Version info</p>
</div>
<div class="content"><div class='highlight'><pre> hilo.version = <span class="hljs-string">"0.1.0-pre-dev-beta-9"</span>;</pre></div></div>
</li>
<li id="section-14">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-14">¶</a>
</div>
<p>Detections</p>
</div>
<div class="content"><div class='highlight'><pre> hilo.feature = feature;
hilo.browser = detected.browser;
hilo.engine = detected.engine;
hilo.platform = detected.system;</pre></div></div>
</li>
<li id="section-15">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-15">¶</a>
</div>
<p>ES Utils</p>
</div>
<div class="content"><div class='highlight'><pre> extend(hilo, {
each: each,
extend: extend,
every: every,
trim: trim,
contains: contains,
indexOf: indexOf,
isPrimitive: isPrimitive,
toObject: toObject,
toInteger: toInteger,
toPrimitive: toPrimitive
});</pre></div></div>
</li>
<li id="section-16">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-16">¶</a>
</div>
<p>JSON</p>
</div>
<div class="content"><div class='highlight'><pre> hilo.json = {
parse: json.parse,
stringify: json.stringify
};</pre></div></div>
</li>
<li id="section-17">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-17">¶</a>
</div>
<p>Legacy</p>
</div>
<div class="content"><div class='highlight'><pre> hilo.legacy = <span class="hljs-keyword">typeof</span> sizzle === <span class="hljs-string">"function"</span>;</pre></div></div>
</li>
</ul>
</div>
</body>
</html>