calendario_jquery.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>Calendario - Proinf.net</title>
  5.  
  6. <link rel="stylesheet" type="text/css" href="calendario.css">
  7. <script type="text/javascript" src="date.js"></script>
  8. <script type="text/javascript" src="jquery.js"></script>
  9. <script type="text/javascript" src="mustache.js"></script>
  10. <script type="text/javascript" src="calendario_jquery.js"></script>
  11.  
  12. </head>
  13. <div id="weeks">
  14. <h1>Calendario
  15. <a id="cmd_prev" href="#">&lt;</a>
  16. <span id="year">2011</span>
  17. <a id="cmd_next" href="#">&gt;</a>
  18. </h1>
  19. <div class="columns">
  20. <div class="column">
  21. <div class="weeks" id="weeks1">
  22. <ul class="header">
  23. <li></li>
  24. <li>Lun</li><li>Mar</li><li>Mié</li><li>Jue</li><li>Vie</li>
  25. <li class="weekend">Sáb</li>
  26. <li class="weekend">Dom</li>
  27. <li>mes</li>
  28. </ul>
  29. </div><!-- weeks -->
  30. </div><!-- column -->
  31. <div class="column">
  32. <div class="weeks" id="weeks2">
  33. <ul class="header">
  34. <li></li>
  35. <li>Lun</li><li>Mar</li><li>Mié</li><li>Jue</li><li>Vie</li>
  36. <li class="weekend">Sáb</li>
  37. <li class="weekend">Dom</li>
  38. <li>mes</li>
  39. </ul>
  40. </div><!-- weeks -->
  41. </div><!-- column -->
  42. </div><!-- columns -->
  43. </div><!-- #weeks -->
  44.  
  45. <p><small>with jquery</small></p>
  46.  
  47. </body>
  48. </html>
  49.  

Proinf.net