PageRenderTime 10ms CodeModel.GetById 6ms app.highlight 1ms RepoModel.GetById 1ms app.codeStats 0ms

/html_templates/Movie Card 2up Filter.txt

#
Plain Text | 197 lines | 195 code | 2 blank | 0 comment | 0 complexity | ea01f032fa5502589a3b9bb274a9cffa MD5 | raw file
  1<title>Movie Card Filter</title>
  2<<MC HTML Page>>
  3<<header>>
  4<meta  content="text/html;  charset=UTF-8"  http-equiv="Content-Type">
  5<link href="moviecard2up.css" rel="stylesheet" type="text/css">
  6<title>Movie List - <<moviecount>> titles</title>
  7<script type="text/javascript">
  8var currTitleFilter = currGenreFilter = "All";
  9function showGenre( disp ) {
 10	var elemDiv = document.getElementsByTagName( "div" );
 11	for(var i = 0; i < ( elemDiv.length ); i++){
 12		if( disp == "All" ) {
 13			elemDiv[i].style.display="block";
 14		} else {
 15			var div_id = elemDiv[i].id.substring(6);
 16			var getMovieGenre = document.getElementById("genre_" + div_id ).innerHTML;
 17			if( getMovieGenre.search(disp) != -1 ) {
 18				elemDiv[i].style.display="block";
 19			}else{
 20				elemDiv[i].style.display="none";
 21			}
 22		}
 23	}
 24	currGenreFilter = disp;
 25}
 26
 27function showTitle( disp ) {
 28	var elemDiv = document.getElementsByTagName( "div" );
 29	for(var i = 0; i < ( elemDiv.length ); i++){
 30		if( disp == "All" ) {
 31			elemDiv[i].style.display="block";
 32		} else {
 33			var div_id = elemDiv[i].id.substring(6);
 34			var getMovieTitle = document.getElementById("title_" + div_id ).innerHTML;
 35			if( getMovieTitle.indexOf('The ') == 0 ) getMovieTitle = getMovieTitle.substring(4);
 36			if( disp == "Digit" && ( getMovieTitle[0]>= 0 || getMovieTitle[0] <= 9 ) || getMovieTitle[0] == disp ) {
 37				elemDiv[i].style.display="block";
 38			}else{
 39				elemDiv[i].style.display="none";
 40			}
 41		}
 42	}
 43	currTitleFilter = disp;
 44}
 45</script>
 46<!--
 47NOTE: This template has a Stars category that may need batch re-scraping.
 48      Sometimes an image whose aspect ratio is less than 75% may cause an anomaly - use
 49      the crop tool to fix any issues.
 50-->
 51<</header>>
 52<<body>>
 53<table align="center" border="0" width="800" bgcolor="#ffffff" cellspacing="0" cellpadding="0">
 54	<tr bgcolor="#f0f0f0" >
 55		<td class="filterTitle" align="center">
 56			<a onclick="showTitle('All')"> &nbsp;All&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </a>
 57			<a onclick="showTitle('Digit')"> &nbsp;0-9&nbsp;&nbsp; </a>
 58			<a onclick="showTitle('A')"> &nbsp;A&nbsp; </a>
 59			<a onclick="showTitle('B')"> &nbsp;B&nbsp; </a>
 60			<a onclick="showTitle('C')"> &nbsp;C&nbsp; </a>
 61			<a onclick="showTitle('D')"> &nbsp;D&nbsp; </a>
 62			<a onclick="showTitle('E')"> &nbsp;E&nbsp; </a>
 63			<a onclick="showTitle('F')"> &nbsp;F&nbsp; </a>
 64			<a onclick="showTitle('G')"> &nbsp;G&nbsp; </a>
 65			<a onclick="showTitle('H')"> &nbsp;H&nbsp; </a>
 66			<a onclick="showTitle('I')"> &nbsp;I&nbsp; </a>
 67			<a onclick="showTitle('J')"> &nbsp;J&nbsp; </a>
 68			<a onclick="showTitle('K')"> &nbsp;K&nbsp; </a>
 69			<a onclick="showTitle('L')"> &nbsp;L&nbsp; </a>
 70			<a onclick="showTitle('M')"> &nbsp;M&nbsp; </a>
 71			<a onclick="showTitle('N')"> &nbsp;N&nbsp; </a>
 72			<a onclick="showTitle('O')"> &nbsp;O&nbsp; </a>
 73			<a onclick="showTitle('P')"> &nbsp;P&nbsp; </a>
 74			<a onclick="showTitle('Q')"> &nbsp;Q&nbsp; </a>
 75			<a onclick="showTitle('R')"> &nbsp;R&nbsp; </a>
 76			<a onclick="showTitle('S')"> &nbsp;S&nbsp; </a>
 77			<a onclick="showTitle('T')"> &nbsp;T&nbsp; </a>
 78			<a onclick="showTitle('U')"> &nbsp;U&nbsp; </a>
 79			<a onclick="showTitle('V')"> &nbsp;V&nbsp; </a>
 80			<a onclick="showTitle('W')"> &nbsp;W&nbsp; </a>
 81			<a onclick="showTitle('X')"> &nbsp;X&nbsp; </a>
 82			<a onclick="showTitle('Y')"> &nbsp;Y&nbsp; </a>
 83			<a onclick="showTitle('Z')"> &nbsp;Z&nbsp; </a>
 84		</td>
 85	</tr>
 86	<tr bgcolor="#f0f0f0" >
 87		<td class="filterGenre" align="center">
 88			<a onclick="showGenre('Action')"> &nbsp;Action&nbsp; </a>
 89			<a onclick="showGenre('Adventure')"> Adventure&nbsp; </a>
 90			<a onclick="showGenre('Animation')"> Animation&nbsp; </a>
 91			<a onclick="showGenre('Biography')"> Biography&nbsp; </a>
 92			<a onclick="showGenre('Comedy')"> Comedy&nbsp; </a>
 93			<a onclick="showGenre('Crime')"> Crime&nbsp; </a>
 94			<a onclick="showGenre('Documentary')"> Documentary&nbsp; </a>
 95			<a onclick="showGenre('Drama')"> Drama&nbsp; </a>
 96			<a onclick="showGenre('Family')"> Family&nbsp; </a>
 97			<a onclick="showGenre('Fantasy')"> Fantasy&nbsp; </a>
 98			<a onclick="showGenre('Film Noir')"> Film Noir&nbsp; </a>
 99			<a onclick="showGenre('Horror')"> Horror&nbsp; </a>
100			<a onclick="showGenre('Music ')"> Music&nbsp; </a><!-- Note space after 'Music' to differentiate from 'Musical' - same for Genre token below -->
101			<a onclick="showGenre('Musical')"> Musical&nbsp; </a>
102			<a onclick="showGenre('Mystery')"> Mystery&nbsp; </a>
103			<a onclick="showGenre('Romance')"> Romance&nbsp; </a>
104			<a onclick="showGenre('Sci-Fi')"> Sci-Fi&nbsp; </a>
105			<a onclick="showGenre('Short')"> Short&nbsp; </a>
106			<a onclick="showGenre('Sport')"> Sport&nbsp; </a>
107			<a onclick="showGenre('Thriller')"> Thriller&nbsp; </a>
108			<a onclick="showGenre('War')"> War&nbsp; </a>
109			<a onclick="showGenre('Western')"> Western&nbsp; </a>
110		</td>
111	</tr>
112	<tr>
113		<td>
114<<media_item>>
115			<div id="movie_<<counter>>">
116				<table align="center" valign="center" border="0" width="99%" cellspacing="1" cellpadding="1">
117					<tr>
118						<td align="left" colspan ="2" width="100%" bgcolor="#000000">
119							<font color="#ffffff" class="headingfont" ><b>&nbsp;<a href="<<imdb_url>>"><span id="title_<<counter>>"><<nfo:title:47>></span> (<<movieyear>>)</a></b></font>
120						</td>
121					</tr>
122					<tr>
123						<td width="135"><img src="<<createimage:175>>" height="175" border="1"></td>
124						<td >
125							<table class="smallfont" align="left" border="0" width="255px">
126								<tr height="30">
127									<td><b>Stars:</b></td><td colspan="2"><span id="stars_<<counter>>"> <<stars>></span></td>
128								</tr>
129								<tr height="30">
130									<td><b>Genre:</b></td><td colspan="2"><span id="genre_<<counter>>"> <<nfo:genre:75>> </span></td>
131								</tr>
132								<tr height="90">
133									<td colspan="3"><b>Outline: </b><span id="outline_<<counter>>"> <<nfo:outline:270>></span></td>
134								</tr>
135								<tr height="15">
136									<td width="18%"><b><<rating>></b><font color="#aaaaaa"> /10</font></td>
137									<td width="60%"><b>Cert:</b> <<nfo:mpaa:15>></td>
138									<td align="right" width="22%"><<runtime>></td>
139								</tr>
140							</table>
141						</td>
142					</tr>
143				</table>
144			</div>
145<</media_item>>
146		</td>
147	</tr>
148</table>
149<</body>>
150<<footer>><</footer>>
151<</MC HTML Page>>
152
153<<css>>
154<filename>moviecard2up.css</filename>
155@charset "utf-8";
156.smallfont {
157   font-family: Arial, Helvetica, sans-serif;
158   font-size: 11px;
159}
160.bigfont {
161   font-family: Arial, Helvetica, sans-serif;
162   font-size: 12px;
163}
164.headingfont {
165   font-size: 16px;
166}
167.dim {
168	color: #aaaaaa;
169}
170.filterTitle > a {
171	color: #aaaaaa;
172	font-family: Arial, Helvetica, sans-serif;
173	font-weight: bold;
174	font-size: 16px;
175}
176.filterGenre > a {
177	color: #aaaaaa;
178	font-family: Arial, Helvetica, sans-serif;
179	font-weight: bold;
180	font-size: 8px;
181}
182div {
183	float: left;
184	height: 205px;
185	width: 398px;
186	border: 1px solid #e0e0e0;
187	background-color: #f0f0f0;
188}
189tr {
190	vertical-align: top;
191}
192a {
193	text-decoration: none;
194	color: #ffffff;
195}
196a:hover { color: #e0e0e0; }
197<</css>>