API tools faq
paste
Advertisement
Guest User

index

a guest
Jun 9th, 2020
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta name="description" content=""/>
  7. <meta name="keywords" content=""/>
  8.  
  9. <link href="gif/style.css" rel="stylesheet" type="text/css" />
  10.  
  11. <script src="gif/jquery-3.1.1.min.js"></script>
  12. <script src="gif/smoothscroll.js" type="text/javascript"></script>
  13. <script src="gif/strings.js" type="text/javascript"></script>
  14. <script src="gif/myscript.js" type="text/javascript"></script>
  15.  
  16. <script type="text/javascript">
  17.  
  18. var visID = 'leer'; //recent Container
  19. var VidNr = -1; //No of the recent random movie, -1 for all movies
  20. var movielist;
  21. var newmovielist;
  22. var Anz = 0;
  23.  
  24. $( document ).ready(function() {
  25.  
  26. if (document.getElementById('allmovies')){
  27. var movies = document.getElementById('allmovies');
  28. movielist = movies.getElementsByTagName('li');
  29. }
  30. if (document.getElementById('latest-additions')){
  31. var newmovies = document.getElementById('latest-additions');
  32. newmovielist = newmovies.getElementsByTagName('li');
  33. }
  34.  
  35. if (document.getElementById('latest-additions')){
  36. zeige ('neu');
  37. visID = 'latest-additions'
  38. }
  39. else { //if there is no div 'latest-additions' show all
  40. zeige ('alle');
  41. visID = 'allmovies';
  42. }
  43. });
  44.  
  45. function zeige(id) {
  46.  
  47. if(document.getElementById) {
  48.  
  49. //only show Genre-Menu
  50. if (id == 'genrenav'){
  51. if (document.getElementById('genrenav').style.display == 'block')
  52. document.getElementById('genrenav').style.display = 'none';
  53. else
  54. document.getElementById('genrenav').style.display = 'block';
  55. } else
  56. document.getElementById('genrenav').style.display = 'none';
  57.  
  58. //only show Year-Menu
  59. if (id == 'yearnav'){
  60. if (document.getElementById('yearnav').style.display == 'block')
  61. document.getElementById('yearnav').style.display = 'none';
  62. else
  63. document.getElementById('yearnav').style.display = 'block';
  64. } else
  65. document.getElementById('yearnav').style.display = 'none';
  66.  
  67. //show newest movies
  68. if (id == 'neu'){
  69. if ((document.getElementById('searchString').value > '') || (VidNr > -1)){ //if there is a filter - remove
  70. document.getElementById('searchString').value = '';
  71. if (document.getElementById('allmovies'))
  72. Suche('*', movielist)
  73. else
  74. Suche('*', newmovielist);
  75. VidNr = -1; //reset random movie
  76. }
  77. Anz = newmovielist.length;
  78. if (document.getElementById('latest-additions'))
  79. changeDiv('latest-additions');
  80. }
  81.  
  82. //show all movies
  83. else if (id == 'alle'){
  84. if ((document.getElementById('searchString').value > '') || (VidNr > -1)){ //if there is a filter - remove
  85. document.getElementById('searchString').value = '';
  86. VidNr = -1; //reset random movie
  87. Suche('*', movielist);
  88. }
  89. Anz = movielist.length;
  90. if (document.getElementById('allmovies'))
  91. changeDiv('allmovies');
  92. }
  93.  
  94. //activate the filter
  95. else if (id == 'suche'){
  96. if (document.getElementById('allmovies')){
  97. Anz = Suche(document.getElementById('searchString').value.toLowerCase(), movielist); // read search string and start search
  98. changeDiv('allmovies')
  99. }
  100. else {
  101. Anz = Suche(document.getElementById('searchString').value.toLowerCase(), newmovielist); // read search string and start search
  102. changeDiv('latest-additions')
  103. }
  104. }
  105.  
  106. //show random movie
  107. else if (id == 'zufall'){
  108. document.getElementById('searchString').value = '';
  109. if (document.getElementById('allmovies')){
  110. Zufallsfilm(movielist);
  111. changeDiv('allmovies')
  112. }
  113. else {
  114. Zufallsfilm(newmovielist);
  115. changeDiv('latest-additions');
  116. }
  117. document.getElementById('headline').innerHTML = strZufallsfilm;
  118. Anz = 1;
  119. }
  120.  
  121. }
  122. }
  123.  
  124. </script>
  125.  
  126. <title>Laserdisc-samling</title>
  127. </head>
  128.  
  129. <body>
  130.  
  131.  
  132. <div id="wrapper">
  133. <main class="shadow">
  134.  
  135. <!-- Header ------------------------------------------------------------------>
  136. <header>
  137. <div id="info">
  138. <i>#LAST_UPDATED_TRANSLATION#</i> <b>#DATE#</b> &nbsp;&nbsp;&diams;&nbsp;&nbsp; <i>#NUMBER_OF_MOVIES_TRANSLATION#</i> <b>#TOTAL#</b>
  139. </div>
  140. <center><img src="http://minliste.laserland.dk/gif/logo.gif"></center>
  141. </header>
  142. <!-- Menu -------------------------------------------------------------------->
  143. <nav>
  144. #ALL_MOVIES_LINK_START#<div class="hauptnav"><a href="javascript:zeige('alle')">#ALL_MOVIES_TRANSLATION#</a></div>#ALL_MOVIES_LINK_END#
  145.  
  146. #LATEST_ADDITIONS_LINK_START#<div class="hauptnav"><a href="javascript:zeige('neu')">#LATEST_ADDITIONS_TRANSLATION#</a></div>#LATEST_ADDITIONS_LINK_END#
  147.  
  148. #MENU_GENRES_BEGIN#<div class="hauptnav"><a href="javascript:zeige('genrenav')">#GENRES_TRANSLATION#</a></div>#MENU_GENRES_END#
  149.  
  150. #MENU_YEARS_BEGIN#<div class="hauptnav"><a href="javascript:zeige('yearnav')">#YEARS_TRANSLATION#</a></div>#MENU_YEARS_END#
  151.  
  152. <div <div class="hauptnav"><a href="javascript:zeige('suche')"><script>document.write(strFilter);</script></a> <input type="text" name="search" id="searchString" onkeyup="javascript:zeige('suche')"></div>
  153.  
  154. </nav>
  155.  
  156. <hr>
  157.  
  158. <nav id="genrenav">
  159. <!-- Genre-Menu --------------------->
  160. #GENRES_BEGIN# #GENRES# #GENRES_END#
  161. </nav>
  162.  
  163. <nav id="yearnav">
  164. <!-- Year-Menu --------------------->
  165. #YEARS_BEGIN# #YEARS# #YEARS_END#
  166. </nav>
  167.  
  168. <!-- Templates ----------------------------------------------------------------->
  169. #YEAR_TEMPLATE_START#
  170. (#YEAR#)
  171. #YEAR_TEMPLATE_END#
  172.  
  173. #THUMBNAIL_TEMPLATE_START#
  174. <li class="thumbnail">
  175. <div class="thumbnail-pic">
  176. <a href="#RELATIVE_PATH#movies/#INDEX#.htm"><img border="0" src="#COVER#" align="middle"></a>
  177. </div>
  178. <div class="thumbnail-text">
  179. <a href="#RELATIVE_PATH#movies/#INDEX#.htm">#TITLE#</a>
  180.  
  181. </li>
  182. #THUMBNAIL_TEMPLATE_END#
  183.  
  184.  
  185. <!-- without function, just for compatibility -->
  186. #MOVIES_LETTER_TEMPLATE_BEGIN#
  187. #MOVIES_LETTER_TEMPLATE_END#
  188.  
  189. <!-- Article ----------------------------------------------------------------->
  190. #LATEST_ADDITIONS_START#
  191. <article id="latest-additions">
  192. <h2 id= 'headline_new'>#LATEST_ADDITIONS_TRANSLATION#</h2>
  193. <ul class="movielist">#LATEST_ADDITIONS#</ul>
  194. </article>
  195. #LATEST_ADDITIONS_END#
  196.  
  197. <article id="allmovies">
  198. <h2 id="headline">#ALL_MOVIES_TRANSLATION#</h2>
  199. <ul>
  200. #MOVIES_@_BEGIN#
  201. #MOVIES_@_END#
  202. </ul>
  203. </article>
  204.  
  205. <nav class="subnav"><a href="#wrapper">&nbsp;&nbsp;Top&nbsp;&nbsp;</a></nav>
  206. </main>
  207.  
  208. <div id="footer">
  209. </body>
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!