<html>
<head>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div data-role="page" id="home" data-id="nav">
<h1><center>MAIN PAGE</center></h1>
<a href="#" data-role="button" onclick="loadJib()">Click Me</a>
</div>
<div id="jib" data-role="page">
<p>Lorem ipsum nostra ipsum amet sed nunc vehicula aliquam mollis sit tortor non sociosqu, nullam sem orci euismod tempus dictum mattis himenaeos eget felis accumsan convallis curae feugiat, suspendisse massa vel vestibulum nunc egestas sagittis consectetur commodo ultricies nostra posuere.</p>
<p>Odio primis malesuada congue vulputate nibh donec justo consectetur, amet iaculis morbi odio scelerisque nam inceptos litora, tempus vel eget senectus pretium auctor primis.</p>
<p>Iaculis nisi inceptos libero lobortis tristique netus molestie convallis, diam convallis imperdiet nec neque ligula integer eros odio ante aliquam viverra elementum donec netus phasellus mattis ut justo convallis litora, curae ipsum quam eget ante ut commodo accumsan scelerisque leo curae.</p>
<p>Sodales ac pulvinar duis vulputate cubilia euismod suspendisse porttitor tortor semper, arcu amet feugiat nisl elit adipiscing orci scelerisque class rhoncus, nostra blandit vitae mi fermentum enim purus vehicula et.</p>
<p>Ipsum maecenas ultricies vitae et viverra pharetra ut magna diam molestie aliquet rhoncus, in vehicula enim tempor volutpat semper a amet class dapibus arcu.</p>
<p>Purus porta sit scelerisque imperdiet purus class tortor donec et ac, libero porta sociosqu morbi donec tristique leo phasellus duis ante libero venenatis pellentesque proin integer at hendrerit integer primis, consectetur sit litora fames lobortis nulla felis interdum.</p>
<p>Dui mattis nisl eu risus donec mauris semper netus condimentum lacus luctus nisi elit, ligula at congue auctor imperdiet libero lectus donec integer egestas varius venenatis praesent class congue.</p>
<p>Convallis consequat nec facilisis est bibendum curae facilisis iaculis, condimentum hendrerit semper justo aptent sagittis bibendum porta, vel molestie volutpat felis vulputate eros sagittis auctor sapien dictumst amet.</p>
<p>Platea tincidunt scelerisque urna fringilla vel etiam pulvinar, vestibulum sit ante cubilia neque erat netus, sollicitudin lacinia commodo pulvinar primis eleifend suspendisse blandit laoreet mi amet.</p>
<p>Lacus ornare dui mi nostra elementum hendrerit sagittis venenatis pharetra, eleifend amet tellus nullam quisque id potenti ad pulvinar a, proin cubilia hac fames integer quis scelerisque ut rutrum at vehicula curabitur adipiscing fermentum turpis rhoncus mollis taciti vel.</p>
<p>Posuere magna ligula commodo et nullam elit lorem, quis suscipit odio torquent venenatis eu leo, hac imperdiet pellentesque torquent donec lobortis.</p>
<p>Tempus elit adipiscing per cras lobortis lectus vivamus ultrices mauris, leo quisque magna proin mi tellus tempus eu aliquet donec, netus platea duis laoreet phasellus scelerisque feugiat libero a congue tincidunt dui nullam diam nunc praesent bibendum lorem enim donec.</p>
<a href="www.google.com" id="mylink">Google</a>
<p>Dictumst hendrerit purus diam orci eget vel sodales tempus quisque, taciti congue mi nunc dictumst nisi quisque fusce hac, diam habitasse congue dolor hac proin nisi inceptos sapien elit tempor fringilla.</p>
<p>Augue odio ultricies semper leo curabitur per, ornare tempor ante taciti neque lacus, mattis bibendum nullam eget rhoncus tortor curabitur sem fusce porta aptent rhoncus aenean, et massa arcu id consequat dictumst ligula quam, augue fusce ac fermentum curabitur sapien.</p>
Cras pellentesque venenatis nam ultrices inceptos metus molestie orci, fringilla nisl maecenas ultrices vulputate non porttitor accumsan massa, donec ornare pharetra magna dictum elit consectetur.
Nisi netus primis sodales lacus dapibus diam sapien nisi placerat ultricies pharetra, sed libero purus neque sit amet fames duis sodales magna, nibh himenaeos ligula himenaeos dictum integer dictumst dolor neque mauris.
Velit vel nostra hac tellus donec laoreet porttitor congue dolor hendrerit, donec per curabitur nam netus aenean condimentum consequat tortor, venenatis leo himenaeos duis tincidunt phasellus fermentum iaculis consequat.
Curabitur elementum arcu interdum urna malesuada risus consequat convallis, etiam mauris cursus sapien commodo morbi ligula, eleifend integer platea nostra proin habitant auctor est commodo orci sed donec etiam justo aenean.
Sed luctus vitae tincidunt dui consectetur mollis porta, curae ac nam habitant fames commodo tempor, scelerisque vulputate enim ipsum sollicitudin leo.
<a data-role="button" data-rel="back">Back</a>
</div>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |