Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
126 lines (123 sloc) 4.47 KB
<!doctype html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="../gFrame.js"></script>
<title> gFrame (API)</title>
<link href=',italic,bold,bolditalic' rel='stylesheet' type='text/css'>
<link href='' rel='stylesheet' type='text/css'>
<link href="" rel="stylesheet" type="text/css" />
<link href="" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../resource/jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<a href="" target="_blank" style="position: absolute; top: 0; left: 0; border: 0;z-index:50;"><img src="" alt="Fork me on GitHub"></a>
<div id='header'>
<h1 id="title" style="position:relative;">
<div id="wrapwrap">
<span id="titleWrap">
<span class="red">g</span><span id="host">host </span><span class="red">Frame</span>
<div id="ver"></div>
<div id="pages">
<span id="home"><a href="index.html">HOME</a></span><span><a href="example.html">EXAMPLE</a></span><span><a href="api.html">API</a></span><span id="download"><a href="../gFrame.js" target="_blank">DOWNLOAD</a></span>
<div id="container">
<li> gFrame.main - outter frame window </li>
<li> gFrame.content - original source window </li>
<li> gFrame.alive </li>
<h4> gFrame : start | stop </h4>
<li> gFrame.start() </li>
<li> gFrame.stop()</li>
By cookie.
<h4> gFrame : event </h4>
<li> gFrame.ready(function, global) </li>
<li> gFrame.load(function, global)</li>
<li> gFrame.unload(function, global)</li>
<li> gFrame.trigger(type)</li>
<li> gFrame.removeEvent(type, func)</li>
<h4> gLayer : create | remove </h4>
<li> gFrame(id_string, code_string, option_object) </li>
<li> gFrame.create(id_string, code_string, option_object) </li>
<li> gFrame.remove(id)</li>
<li> gFrame(id).remove()</li>
<li> gFrame.get(id) - It returns gLayer </li>
<li> gFrame.has(id)</li>
<li> gFrame.size()</li>
<li> gFrame.list()</li>
<li> gFrame.reset([true])</li>
Don't worry about creating same id of gLayer. Same id is ignored. <br/>
Use 'gFrame.has' for checking existence.
<h4> gLayer : dimension </h4>
<li>[val]) </li>
<li> gLayer.bottom([val])</li>
<li> gLayer.left([val])</li>
<li> gLayer.right([val])</li>
<li> gLayer.width([val])</li>
<li> gLayer.height([val])</li>
<li> gLayer.zIndex([val])</li>
<li> gLayer.moveTo(val, val)</li>
<li> gLayer.moveBy(val, val)</li>
<li> gLayer.resizeTo(val, val)</li>
<li> gLayer.resizeBy(val, val)</li>
It returns gLayer instance or value.
<h4> gLayer : etc </h4>
<li> gLayer.text(value) - innerHTML</li>
<li> </li>
<li> gLayer.opacity(value) </li>
<h4> gFrame : once </h4>
<li> gFrame.once(id, code or function)</li>
<li> gFrame.once.remove(id) </li>
<li> gFrame.once.empty() </li>
<li> gFrame.once.size() </li>
<li> gFrame.once.list() </li>
If you excute small code written in the document. Once is useful.
<h4> etc </h4>
<li> gFrame.eval(code or function) - excute code in the gFrame.main</li>
<li> gFrame.loadScript(src, callback)</li>
<h4> gFSETUP </h4>
<div class="pre">
<pre class="brush: js;html-script: true">
style : "body{font:12px georiga}...",
head : " ",
body : "&lt;div> HELLO WORLD&lt;/div>",
scripts : ['alert("hi");', function(){alert("hello"}]
&lt;script type="text/javascript" src="gFrame.js">&lt;/script>
Jump to Line
Something went wrong with that request. Please try again.