Advertisement
Guest User

Untitled

a guest
Jan 12th, 2013
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.  
  5.         <meta charset="UTF-8" />
  6.         <title>Backbone.js Web App</title>
  7.         <link rel="stylesheet" href="css/screen.css" />
  8.         <script id="contactTemplate" type="text/template">
  9.             <img src="<%= photo %>" alt="<%= name %>" />
  10.             <h1><%= name %><span><%= type %></span></h1>
  11.             <div><%= address %></div>
  12.             <dl>
  13.                 <dt>Tel:</dt><dd><%= tel %></dd>
  14.                 <dt>Email:</dt><dd><a href="mailto:<%= email %>"><%= email %></a></dd>
  15.             </dl>
  16.             <button class="delete">Delete</button>
  17.             <button class="edit">Edit</button>
  18.         </script>
  19.         <script id="contactEditTemplate" type="text/template">
  20.         <form action="#">
  21.             <input type="file" value="<%= photo %>" />
  22.             <input class="name" value="<%= name %>" />
  23.             <input id="type" type="hidden" value="<%= type %>" />
  24.             <input class="address" value="<%= address %>" />
  25.             <input class="tel" value="<%= tel %>" />
  26.             <input class="email" value="<%= email %>" />
  27.             <button class="save">Save</button>
  28.             <button class="cancel">Cancel</button>
  29.         </form>
  30.         </script>
  31.  
  32.         <script type="text/javascript">
  33.             var base_url = "<?php echo base_url(); ?>";
  34.         </script>
  35.         <script src="js/jquery-1.7.1.min.js"></script>
  36.         <script src="js/underscore-min.js"></script>
  37.         <script src="js/backbone-min.js"></script>
  38.         <script src="js/app.js"></script>
  39.  
  40.        
  41.     </head>
  42.     <body>
  43.         <div id="contacts">
  44.  
  45.             <header>
  46.                 <div id="filter"><label>Show me:</label></div>
  47.                 <a id="showForm" href="#">Add new contact</a>
  48.             </header>
  49.             <form id="addContact" action="#" style="display:none;">
  50.                 <label for="photo">photo:</label><input id="photo" type="file" />
  51.                 <label for="type">Type:</label><input id="type" />
  52.                 <label for="name">Name:</label><input id="name" />
  53.                 <label for="address">Address:</label><input id="address" />
  54.                 <label for="tel">Tel:</label><input id="tel" />
  55.                 <label for="email">Email:</label><input id="email" />
  56.                 <button id="add">Add</button>
  57.             </form>
  58.         </div>
  59.  
  60.        
  61.        
  62.     </body>
  63. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement