12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!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>Airtime widgets</title>
- <script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
- <script src="js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
- <script src="js/jquery.showinfo.js" type="text/javascript"></script>
- <link href="css/airtime-widgets.css" rel="stylesheet" type="text/css" />
- <script>
- $(document).ready(function() {
- $("#headerLiveHolder").airtimeLiveInfo({
- sourceDomain: "http://localhost",
- text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
- updatePeriod: 20 //seconds
- });
- $("#headerLiveTrackHolder").airtimeLiveTrackInfo({
- sourceDomain: "http://localhost",
- text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
- updatePeriod: 20 //seconds
- });
- $("#onAirToday").airtimeShowSchedule({
- sourceDomain: "http://localhost",
- text: {onAirToday:"On air today"},
- updatePeriod: 5, //seconds
- showLimit: 10
- });
- $("#scheduleTabs").airtimeWeekSchedule({
- sourceDomain:"http://localhost",
- 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"},
- miscText:{time:"Time", programName:"Program Name", details:"Details", readMore:"Read More"},
- updatePeriod: 600 //seconds
- });
- var d = new Date().getDay();
- $('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});
- });
- </script>
- </head>
- <body>
- <h1>"Now Playing" Widget</h1>
- This widget displays which show is currently playing:
- <br/>
- <br/>
- <div id="headerLiveHolder" style="border: 1px solid #999999; padding: 10px;"></div>
- <br/>
- <br/>
- <h1>"Current Show & Track Information" Widget</h1>
- This widget displays which show and track are currently playing:
- <br/>
- <br/>
- <div id="headerLiveTrackHolder" style="border: 1px solid #999999; padding: 10px;"></div>
- <br/>
- <br/>
- <h1>"Today's Program" Widget</h1>
- This widget displays the current show and shows being played later today:
- <br/>
- <br/>
- <div id="onAirToday"></div>
- <br/>
- <br/>
- <h1>"Weekly Program" Widget</h1>
- This widget displays all the shows for the entire week, and the week ahead:
- <br/>
- <br/>
- <div id="scheduleTabs"></div>
- </body>
- </html>
|