/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
- <title>Movie Card Filter</title>
- <<MC HTML Page>>
- <<header>>
- <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
- <link href="moviecard2up.css" rel="stylesheet" type="text/css">
- <title>Movie List - <<moviecount>> titles</title>
- <script type="text/javascript">
- var currTitleFilter = currGenreFilter = "All";
- function showGenre( disp ) {
- var elemDiv = document.getElementsByTagName( "div" );
- for(var i = 0; i < ( elemDiv.length ); i++){
- if( disp == "All" ) {
- elemDiv[i].style.display="block";
- } else {
- var div_id = elemDiv[i].id.substring(6);
- var getMovieGenre = document.getElementById("genre_" + div_id ).innerHTML;
- if( getMovieGenre.search(disp) != -1 ) {
- elemDiv[i].style.display="block";
- }else{
- elemDiv[i].style.display="none";
- }
- }
- }
- currGenreFilter = disp;
- }
-
- function showTitle( disp ) {
- var elemDiv = document.getElementsByTagName( "div" );
- for(var i = 0; i < ( elemDiv.length ); i++){
- if( disp == "All" ) {
- elemDiv[i].style.display="block";
- } else {
- var div_id = elemDiv[i].id.substring(6);
- var getMovieTitle = document.getElementById("title_" + div_id ).innerHTML;
- if( getMovieTitle.indexOf('The ') == 0 ) getMovieTitle = getMovieTitle.substring(4);
- if( disp == "Digit" && ( getMovieTitle[0]>= 0 || getMovieTitle[0] <= 9 ) || getMovieTitle[0] == disp ) {
- elemDiv[i].style.display="block";
- }else{
- elemDiv[i].style.display="none";
- }
- }
- }
- currTitleFilter = disp;
- }
- </script>
- <!--
- NOTE: This template has a Stars category that may need batch re-scraping.
- Sometimes an image whose aspect ratio is less than 75% may cause an anomaly - use
- the crop tool to fix any issues.
- -->
- <</header>>
- <<body>>
- <table align="center" border="0" width="800" bgcolor="#ffffff" cellspacing="0" cellpadding="0">
- <tr bgcolor="#f0f0f0" >
- <td class="filterTitle" align="center">
- <a onclick="showTitle('All')"> All </a>
- <a onclick="showTitle('Digit')"> 0-9 </a>
- <a onclick="showTitle('A')"> A </a>
- <a onclick="showTitle('B')"> B </a>
- <a onclick="showTitle('C')"> C </a>
- <a onclick="showTitle('D')"> D </a>
- <a onclick="showTitle('E')"> E </a>
- <a onclick="showTitle('F')"> F </a>
- <a onclick="showTitle('G')"> G </a>
- <a onclick="showTitle('H')"> H </a>
- <a onclick="showTitle('I')"> I </a>
- <a onclick="showTitle('J')"> J </a>
- <a onclick="showTitle('K')"> K </a>
- <a onclick="showTitle('L')"> L </a>
- <a onclick="showTitle('M')"> M </a>
- <a onclick="showTitle('N')"> N </a>
- <a onclick="showTitle('O')"> O </a>
- <a onclick="showTitle('P')"> P </a>
- <a onclick="showTitle('Q')"> Q </a>
- <a onclick="showTitle('R')"> R </a>
- <a onclick="showTitle('S')"> S </a>
- <a onclick="showTitle('T')"> T </a>
- <a onclick="showTitle('U')"> U </a>
- <a onclick="showTitle('V')"> V </a>
- <a onclick="showTitle('W')"> W </a>
- <a onclick="showTitle('X')"> X </a>
- <a onclick="showTitle('Y')"> Y </a>
- <a onclick="showTitle('Z')"> Z </a>
- </td>
- </tr>
- <tr bgcolor="#f0f0f0" >
- <td class="filterGenre" align="center">
- <a onclick="showGenre('Action')"> Action </a>
- <a onclick="showGenre('Adventure')"> Adventure </a>
- <a onclick="showGenre('Animation')"> Animation </a>
- <a onclick="showGenre('Biography')"> Biography </a>
- <a onclick="showGenre('Comedy')"> Comedy </a>
- <a onclick="showGenre('Crime')"> Crime </a>
- <a onclick="showGenre('Documentary')"> Documentary </a>
- <a onclick="showGenre('Drama')"> Drama </a>
- <a onclick="showGenre('Family')"> Family </a>
- <a onclick="showGenre('Fantasy')"> Fantasy </a>
- <a onclick="showGenre('Film Noir')"> Film Noir </a>
- <a onclick="showGenre('Horror')"> Horror </a>
- <a onclick="showGenre('Music ')"> Music </a><!-- Note space after 'Music' to differentiate from 'Musical' - same for Genre token below -->
- <a onclick="showGenre('Musical')"> Musical </a>
- <a onclick="showGenre('Mystery')"> Mystery </a>
- <a onclick="showGenre('Romance')"> Romance </a>
- <a onclick="showGenre('Sci-Fi')"> Sci-Fi </a>
- <a onclick="showGenre('Short')"> Short </a>
- <a onclick="showGenre('Sport')"> Sport </a>
- <a onclick="showGenre('Thriller')"> Thriller </a>
- <a onclick="showGenre('War')"> War </a>
- <a onclick="showGenre('Western')"> Western </a>
- </td>
- </tr>
- <tr>
- <td>
- <<media_item>>
- <div id="movie_<<counter>>">
- <table align="center" valign="center" border="0" width="99%" cellspacing="1" cellpadding="1">
- <tr>
- <td align="left" colspan ="2" width="100%" bgcolor="#000000">
- <font color="#ffffff" class="headingfont" ><b> <a href="<<imdb_url>>"><span id="title_<<counter>>"><<nfo:title:47>></span> (<<movieyear>>)</a></b></font>
- </td>
- </tr>
- <tr>
- <td width="135"><img src="<<createimage:175>>" height="175" border="1"></td>
- <td >
- <table class="smallfont" align="left" border="0" width="255px">
- <tr height="30">
- <td><b>Stars:</b></td><td colspan="2"><span id="stars_<<counter>>"> <<stars>></span></td>
- </tr>
- <tr height="30">
- <td><b>Genre:</b></td><td colspan="2"><span id="genre_<<counter>>"> <<nfo:genre:75>> </span></td>
- </tr>
- <tr height="90">
- <td colspan="3"><b>Outline: </b><span id="outline_<<counter>>"> <<nfo:outline:270>></span></td>
- </tr>
- <tr height="15">
- <td width="18%"><b><<rating>></b><font color="#aaaaaa"> /10</font></td>
- <td width="60%"><b>Cert:</b> <<nfo:mpaa:15>></td>
- <td align="right" width="22%"><<runtime>></td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- <</media_item>>
- </td>
- </tr>
- </table>
- <</body>>
- <<footer>><</footer>>
- <</MC HTML Page>>
-
- <<css>>
- <filename>moviecard2up.css</filename>
- @charset "utf-8";
- .smallfont {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 11px;
- }
- .bigfont {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- }
- .headingfont {
- font-size: 16px;
- }
- .dim {
- color: #aaaaaa;
- }
- .filterTitle > a {
- color: #aaaaaa;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: bold;
- font-size: 16px;
- }
- .filterGenre > a {
- color: #aaaaaa;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: bold;
- font-size: 8px;
- }
- div {
- float: left;
- height: 205px;
- width: 398px;
- border: 1px solid #e0e0e0;
- background-color: #f0f0f0;
- }
- tr {
- vertical-align: top;
- }
- a {
- text-decoration: none;
- color: #ffffff;
- }
- a:hover { color: #e0e0e0; }
- <</css>>