Advertisement
Guest User

Untitled

a guest
Jan 5th, 2011
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.68 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.   <title> Test </title>
  6.       <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.4.js"></script>
  7.         <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
  8.     <style>
  9.         *
  10.         {
  11.             font-family: Calibri;
  12.         }
  13.         .label
  14.         {
  15.             float: left;        
  16.             clear: left;        
  17.             width: 3em;        
  18.             padding-right: .5em;
  19.         }
  20.     </style>
  21. </head>
  22. <body>
  23.     <script id="monthTemplate" type="text/x-jquery-tmpl">
  24.         <tr>
  25.             <td  style="background-color: #999"><strong>${MonthName}<strong></td>
  26.             <td  style="background-color: Yellow"><strong>${ShortName}<strong></td>
  27.         </tr>  
  28.     </script>
  29.     <script>
  30.     var monthInfo =
  31.                 [
  32.                     {MonthName:"January", ShortName:"Jan"},
  33.                     {MonthName:"February", ShortName:"Feb"},
  34.                     {MonthName:"March", ShortName:"Mar"},
  35.                     {MonthName:"April", ShortName:"Apr"},
  36.                     {MonthName:"May", ShortName:"May"},
  37.                     {MonthName:"June", ShortName:"Jun"},
  38.                     {MonthName:"July", ShortName:"Jul"},
  39.                     {MonthName:"August", ShortName:"Aug"},
  40.                     {MonthName:"September", ShortName:"Sep"},
  41.                     {MonthName:"October", ShortName:"Oct"},
  42.                     {MonthName:"November", ShortName:"Nov"},
  43.                     {MonthName:"December", ShortName:"Dec"}
  44.                 ];
  45.            
  46.             $
  47.             (
  48.                 function()
  49.                 {
  50.                     $("#monthTemplate").tmpl(monthInfo).appendTo("#monthTable");
  51.                 }
  52.             );
  53.     </script>
  54.  
  55.     <table id="monthTable">
  56.        
  57.     </table>
  58. </body>
  59. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement