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