tv.html

xml good example for tv guide.

		if(popuptimes.toString()=="true"){processor.setParameter(null, "PopupTimes", 1);}else{processor.setParameter(null, "PopupTimes", 0);}
		if(popuprating.toString()=="true"){processor.setParameter(null, "PopupRating", 1);}else{processor.setParameter(null, "PopupRating", 0);}
		if(popupsubtitle.toString()=="true"){processor.setParameter(null, "PopupSubtitle", 1);}else{processor.setParameter(null, "PopupSubtitle", 0);}
		if(popupdescription.toString()=="true"){processor.setParameter(null, "PopupDescription", 1);}else{processor.setParameter(null, "PopupDescription", 0);}
		if(popupdate.toString()=="true"){processor.setParameter(null, "PopupDate", 1);}else{processor.setParameter(null, "PopupDate", 0);}
		if(popupcategories.toString()=="true"){processor.setParameter(null, "PopupCategories", 1);}else{processor.setParameter(null, "PopupCategories", 0);}
		if(popupstarrating.toString()=="true"){processor.setParameter(null, "PopupStarRating", 1);}else{processor.setParameter(null, "PopupStarRating", 0);}

		processor.setParameter(null, "Grabber", grabber);

		processor.setParameter(null, "HighlightMovies", highlightmovies);
		if(highlightclickable.toString()=="true"){processor.setParameter(null, "HighlightClickable", 1);}else{processor.setParameter(null, "HighlightClickable", 0);}
		if(printdates.toString()=="true"){processor.setParameter(null, "PrintDates", 1);}else{processor.setParameter(null, "PrintDates", 0);}
		if(dayfirst.toString()=="true"){processor.setParameter(null, "DayFirst", 1);}else{processor.setParameter(null, "DayFirst", 0);}
		if(categorycolors.toString()=="true"){processor.setParameter(null, "Categories", 1);}else{processor.setParameter(null, "Categories", 0);}
		if(highlightnew.toString()=="true"){processor.setParameter(null, "HighlightNew", 1);}else{processor.setParameter(null, "HighlightNew", 0);}
		processor.setParameter(null, "OnClick", loadonclick);
		var fragment = processor.transformToFragment(xml, document);
		document.getElementById('loading').style.display="none";
		document.getElementById("tvframe").appendChild(fragment);
	}
	else if (window.ActiveXObject){
		processor = template.createProcessor();
		processor.input = xmlrequest;

		processor.addParameter("DisplayLength", dl);
		processor.addParameter("CurrentHour", startDate.getHours());
		processor.addParameter("CurrentDay", startDate.getDate());
		processor.addParameter("CurrentMonth", startDate.getMonth()+1);
		processor.addParameter( "CurrentYear", startDate.getFullYear());

		processor.addParameter("StopHour", endDate.getHours());
		processor.addParameter("StopDay", endDate.getDate());
		processor.addParameter("StopMonth", endDate.getMonth()+1);
		processor.addParameter("StopYear", endDate.getFullYear());

		processor.addParameter("PrevHour", prevDate.getHours());
		processor.addParameter("PrevDay", prevDate.getDate());
		processor.addParameter("PrevMonth", prevDate.getMonth()+1);
		processor.addParameter("PrevYear", prevDate.getFullYear());

		if(fixgaps.toString()=="true"){processor.addParameter("FixGaps", 1);}else{processor.addParameter("FixGaps", 0);}

		processor.addParameter("PopupDelay", popupdelay);
		processor.addParameter("EarlierText", earliertext);
		processor.addParameter("LaterText", latertext);
		processor.addParameter("TimeBarFrequency", timebarfrequency);
		if(channelpopups.toString()=="true"){processor.addParameter("ChannelPopups", 1);}else{processor.addParameter("ChannelPopups", 0);}
		if(descriptionpopups.toString()=="true"){processor.addParameter("DescriptionPopups", 1);}else{processor.addParameter("DescriptionPopups", 0);}

		if(popuptimes.toString()=="true"){processor.addParameter("PopupTimes", 1);}else{processor.addParameter("PopupTimes", 0);}
		if(popuprating.toString()=="true"){processor.addParameter("PopupRating", 1);}else{processor.addParameter("PopupRating", 0);}
		if(popupsubtitle.toString()=="true"){processor.addParameter("PopupSubtitle", 1);}else{processor.addParameter("PopupSubtitle", 0);}
		if(popupdescription.toString()=="true"){processor.addParameter("PopupDescription", 1);}else{processor.addParameter("PopupDescription", 0);}
		if(popupdate.toString()=="true"){processor.addParameter("PopupDate", 1);}else{processor.addParameter("PopupDate", 0);}
		if(popupcategories.toString()=="true"){processor.addParameter("PopupCategories", 1);}else{processor.addParameter("PopupCategories", 0);}
		if(popupstarrating.toString()=="true"){processor.addParameter("PopupStarRating", 1);}else{processor.addParameter("PopupStarRating", 0);}
		if(printdates.toString()=="true"){processor.addParameter("PrintDates", 1);}else{processor.addParameter("PrintDates", 0);}
		processor.addParameter("Grabber", grabber);
		processor.addParameter("HighlightMovies", highlightmovies);
		if(dayfirst.toString()=="true"){processor.addParameter("DayFirst", 1);}else{processor.addParameter("DayFirst", 0);}
		if(absoluteicons.toString()=="true"){processor.addParameter("AbsoluteIcons", 1);}else{processor.addParameter("AbsoluteIcons", 0);}
		if(categorycolors.toString()=="true"){processor.addParameter("Categories", 1);}else{processor.addParameter("Categories", 0);}
		if(highlightnew.toString()=="true"){processor.addParameter("HighlightNew", 1);}else{processor.addParameter("HighlightNew", 0);}
		if(highlightclickable.toString()=="true"){processor.addParameter("HighlightClickable", 1);}else{processor.addParameter("HighlightClickable", 0);}
		processor.addParameter("OnClick", loadonclick);
		// Transform
		processor.transform();
		//Write
		document.getElementById('loading').style.display="none";
		document.getElementById("tvframe").innerHTML = processor.output;
	}
	if(self.scanDOM)scanDOM(document); //refresh popups?
	document.getElementById('tvframe').style.display="block";
	}//All of this is inside the conditinal block requiring that the loadedfile equal the neededfile.
}
</script>
</head>

<body>
<h1>TV Listings</h1>
<div id="gridtime">
<div style="clear:both;"></div>
<div style="float:left;">
	<select id='year'></select>
	<script type='text/javascript'>
					populateYearSelectionBox()
				</script>
	<select id='month'></select>
	<script type='text/javascript'>
					populateMonthSelectionBox()
				</script>
	<select id='day'>
					<option value='1'>1</option>
					<option value='2'>2</option>
					<option value='3'>3</option>
					<option value='4'>4</option>
					<option value='5'>5</option>
					<option value='6'>6</option>

					<option value='7'>7</option>
					<option value='8'>8</option>
					<option value='9'>9</option>
					<option value='10'>10</option>
					<option value='11'>11</option>
					<option value='12'>12</option>

					<option value='13'>13</option>
					<option value='14'>14</option>
					<option value='15'>15</option>
					<option value='16'>16</option>
					<option value='17'>17</option>
					<option value='18'>18</option>

					<option value='19'>19</option>
					<option value='20'>20</option>
					<option value='21'>21</option>
					<option value='22'>22</option>
					<option value='23'>23</option>
					<option value='24'>24</option>

					<option value='25'>25</option>
					<option value='26'>26</option>
					<option value='27'>27</option>
					<option value='28'>28</option>
					<option value='29'>29</option>
					<option value='30'>30</option>

					<option value='31'>31</option>
	</select>
	<a href="#" onclick="moveObject('calendarContainer', event);moveObject('califrame',event);document.getElementById('califrame').style.width=document.getElementById('calendarContainer').offsetWidth;document.getElementById('califrame').style.height=document.getElementById('calendarContainer').offsetHeight;" id="calendarlink"><span >Calendar</span></a>
	<select id='hour'>
					<option value='0'>00:00</option>
					<option value='1'>01:00</option>
					<option value='2'>02:00</option>
					<option value='3'>03:00</option>
					<option value='4'>04:00</option>
					<option value='5'>05:00</option>
					<option value='6'>06:00</option>
					<option value='7'>07:00</option>
					<option value='8'>08:00</option>
					<option value='9'>09:00</option>
					<option value='10'>10:00</option>
					<option value='11'>11:00</option>

					<option value='12'>12:00</option>
					<option value='13'>13:00</option>
					<option value='14'>14:00</option>
					<option value='15'>15:00</option>
					<option value='16'>16:00</option>
					<option value='17'>17:00</option>
					<option value='18'>18:00</option>
					<option value='19'>19:00</option>
					<option value='20'>20:00</option>
					<option value='21'>21:00</option>
					<option value='22'>22:00</option>
					<option value='23'>23:00</option>
	</select>
	<button id="gobutton" onclick="Init(hours,
	document.getElementById('hour').options[document.getElementById('hour').selectedIndex].value,
	document.getElementById('day').options[document.getElementById('day').selectedIndex].value,
	Number(document.getElementById('month').options[document.getElementById('month').selectedIndex].value)+1,
	document.getElementById('year').options[document.getElementById('year').selectedIndex].value);"><script type="text/javascript">document.write(datepickerbutton)</script></button>
</div>
<div style="float:right;">
	<span id="barclock"></span>
			<select id="styleswitcher" name="styleswitcher" onchange="var v=this.options[this.selectedIndex].value; setActiveStyleSheet(v); setActiveStyleSheet(v); return false;">
			<option value="AOL">
				AOL
			</option>
			<option value="Excite">
				Excite
			</option>
			<option value="MeeVee">
				MeeVee
			</option>
			<option value="MSN">
				MSN
			</option>
			<option value="Newspaper">