sample_page.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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>Airtime widgets</title>
  6. <script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
  7. <script src="js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
  8. <script src="js/jquery.showinfo.js" type="text/javascript"></script>
  9. <link href="css/airtime-widgets.css" rel="stylesheet" type="text/css" />
  10. <script>
  11. $(document).ready(function() {
  12. $("#headerLiveHolder").airtimeLiveInfo({
  13. sourceDomain: "http://localhost",
  14. text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
  15. updatePeriod: 20 //seconds
  16. });
  17. $("#headerLiveTrackHolder").airtimeLiveTrackInfo({
  18. sourceDomain: "http://localhost",
  19. text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
  20. updatePeriod: 20 //seconds
  21. });
  22. $("#onAirToday").airtimeShowSchedule({
  23. sourceDomain: "http://localhost",
  24. text: {onAirToday:"On air today"},
  25. updatePeriod: 5, //seconds
  26. showLimit: 10
  27. });
  28. $("#scheduleTabs").airtimeWeekSchedule({
  29. sourceDomain:"http://localhost",
  30. dowText:{monday:"Monday", tuesday:"Tuesday", wednesday:"Wednesday", thursday:"Thursday", friday:"Friday", saturday:"Saturday", sunday:"Sunday", nextmonday:"Next Monday", nexttuesday:"Next Tuesday",nextwednesday:"Next Wednesday", nextthursday:"Next Thursday",nextfriday:"Next Friday", nextsaturday:"Next Saturday", nextsunday:"NextSunday"},
  31. miscText:{time:"Time", programName:"Program Name", details:"Details", readMore:"Read More"},
  32. updatePeriod: 600 //seconds
  33. });
  34. var d = new Date().getDay();
  35. $('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});
  36. });
  37. </script>
  38. </head>
  39. <body>
  40. <h1>"Now Playing" Widget</h1>
  41. This widget displays which show is currently playing:
  42. <br/>
  43. <br/>
  44. <div id="headerLiveHolder" style="border: 1px solid #999999; padding: 10px;"></div>
  45. <br/>
  46. <br/>
  47. <h1>"Current Show &amp; Track Information" Widget</h1>
  48. This widget displays which show and track are currently playing:
  49. <br/>
  50. <br/>
  51. <div id="headerLiveTrackHolder" style="border: 1px solid #999999; padding: 10px;"></div>
  52. <br/>
  53. <br/>
  54. <h1>"Today's Program" Widget</h1>
  55. This widget displays the current show and shows being played later today:
  56. <br/>
  57. <br/>
  58. <div id="onAirToday"></div>
  59. <br/>
  60. <br/>
  61. <h1>"Weekly Program" Widget</h1>
  62. This widget displays all the shows for the entire week, and the week ahead:
  63. <br/>
  64. <br/>
  65. <div id="scheduleTabs"></div>
  66. </body>
  67. </html>