Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title> Test </title>
- <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.4.js"></script>
- <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
- <style>
- *
- {
- font-family: Calibri;
- }
- .label
- {
- float: left;
- clear: left;
- width: 3em;
- padding-right: .5em;
- }
- </style>
- </head>
- <body>
- <script id="monthTemplate" type="text/x-jquery-tmpl">
- <tr>
- <td style="background-color: #999"><strong>${MonthName}<strong></td>
- <td style="background-color: Yellow"><strong>${ShortName}<strong></td>
- </tr>
- </script>
- <script>
- var monthInfo =
- [
- {MonthName:"January", ShortName:"Jan"},
- {MonthName:"February", ShortName:"Feb"},
- {MonthName:"March", ShortName:"Mar"},
- {MonthName:"April", ShortName:"Apr"},
- {MonthName:"May", ShortName:"May"},
- {MonthName:"June", ShortName:"Jun"},
- {MonthName:"July", ShortName:"Jul"},
- {MonthName:"August", ShortName:"Aug"},
- {MonthName:"September", ShortName:"Sep"},
- {MonthName:"October", ShortName:"Oct"},
- {MonthName:"November", ShortName:"Nov"},
- {MonthName:"December", ShortName:"Dec"}
- ];
- $
- (
- function()
- {
- $("#monthTemplate").tmpl(monthInfo).appendTo("#monthTable");
- }
- );
- </script>
- <table id="monthTable">
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement