mirror of
https://github.com/jsbin/jsbin.git
synced 2026-01-25 15:38:56 +00:00
105 lines
3.2 KiB
PHP
105 lines
3.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset=utf-8 />
|
|
<title>JS Bin - Collaborative JavaScript Debugging</title>
|
|
<link rel="stylesheet" href="/css/style.css" type="text/css" />
|
|
</head>
|
|
<body class="source">
|
|
<div id="intro">
|
|
<div class="lightbox">
|
|
<div>
|
|
<h1>Collaborative JavaScript Debugging</h1>
|
|
<ol class="intro">
|
|
<li>Test live JavaScript with HTML and CSS context</li>
|
|
<li>Public URLs render outside of JS Bin</li>
|
|
<li>Inject major JavaScript libraries</li>
|
|
<li>Debug remote Ajax calls</li>
|
|
</ol>
|
|
|
|
<ul class="keyboardShortcuts">
|
|
<li><strong>Keyboard Shortcuts:</strong></li>
|
|
<li><code>ctrl + 1</code> View source</li>
|
|
<li><code>ctrl + 2</code> View preview</li>
|
|
<li><code>ctrl + ←</code> Focus JavaScript</li>
|
|
<li><code>ctrl + →</code> Focus HTML</li>
|
|
</ul>
|
|
|
|
<p class="screencasts">Screencasts: <a href="/about#video">About</a> - <a href="/about#ajax">Ajax debugging</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="control">
|
|
<div class="control">
|
|
<div class="buttons">
|
|
<a class="button source" accesskey="1" href="#source">Code</a>
|
|
<a class="button preview" accesskey="2" href="#preview">Preview</a>
|
|
</div>
|
|
<!-- <a href="http://jsbin.com/ebabu">http://jsbin.com/ebabu</a> -->
|
|
<a href="http://jsbin.com/create">Create public link</a>
|
|
<p><a class="light" id="revert" href="#">Revert</a> <a id="newRevision" class="light" href="#">New revision</a></p>
|
|
</div>
|
|
<div class="starting">
|
|
<a id="startingpoint" class="light" href="#">Use this code as<br /> my starting point</a>
|
|
</div>
|
|
<div class="help">
|
|
<ul class="flat">
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Ajax Debugging</a></li>
|
|
<li><a href="#">Help</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="bin" class="stretch">
|
|
<div id="source" class="binview stretch">
|
|
<div class="code stretch javascript">
|
|
<div class="label"><p>JavaScript</p></div>
|
|
<textarea id="javascript"></textarea>
|
|
</div>
|
|
<div class="code stretch html">
|
|
<div class="label">
|
|
<p>HTML</p>
|
|
<label for="library">Include</label>
|
|
<select id="library">
|
|
<option value="none">None</option>
|
|
<option value="jquery">jQuery</option>
|
|
<option value="jquery+jqueryui">jQuery UI</option>
|
|
<option value="yui">YUI</option>
|
|
<option value="prototype">Prototype</option>
|
|
<option value="prototype+scriptaculous">Prototype + Scriptalicious</option>
|
|
<option value="mootools">Mootools</option>
|
|
<option value="dojo">Dojo</option>
|
|
<option value="ext">Ext js</option>
|
|
</select>
|
|
</div>
|
|
<textarea id="html"></textarea>
|
|
</div>
|
|
</div>
|
|
<div id="preview" class="binview stretch">
|
|
<iframe class="stretch"></iframe>
|
|
</div>
|
|
</div>
|
|
<script src="js/vendor/codemirror/codemirror.js" type="text/javascript"></script>
|
|
<script src="js/vendor/json2.js" type="text/javascript"></script>
|
|
<script src="js/vendor/jquery-1.3.2.min.js"></script>
|
|
<script src="/js/storage.js"></script>
|
|
<script src="/js/editors.js"></script>
|
|
<script src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|