Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.6/ember.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ember-data.js/0.13.0/ember-data-latest.min.js
"></script>
  
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  
  <script type="text/x-handlebars">
  <div id="twenty-fifth-cdu-production">
    
    {{#view App.Sidebar}}
    <div id="left-panel">
      <ul>
      <li><a href="#one">One</a></li>
      <li><a href="#two">Two</a></li>
      <li><a href="#three">Three</a></li>
  </ul>
    </div>
    {{/view}}
    
    <div id="center-panel" class="container-fluid">
    
      
      {{ outlet }}
    </div>
    <hr/>
    {{outlet "loading"}}
  </div>
</script>
  
    <script type="text/x-handlebars" data-template-name="item">
  <h1>Item</h1>
  <h1>{{id}}</h1>
  </script>
  
  <script type="text/x-handlebars" data-template-name="loading">
  <h1>Loading</h1>
  </script>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
chrmodpro
0viewers