API tools faq
paste
Advertisement
Guest User

Index

a guest
Nov 9th, 2014
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Quiz Anime</title>
  5.  
  6. <link rel="stylesheet" href="css/vendor.css" />
  7. <link rel="stylesheet" href="css/style.css" />
  8. <link rel="stylesheet" href="css/jpreloader.css" />
  9. <link rel="stylesheet" href="modal/jquery.modal.css" type="text/css" media="screen" />
  10. <script src="js/imagepreload.js"></script>
  11. <script src="preload.js"></script>
  12. <script src="js/jquery.min.js"></script>
  13. <script src="Sistema.js" type="text/javascript"></script>
  14. <script src="mootools-1.4.5.js"></script>
  15. <script src="SaveStorage.js" type="text/javascript"></script>
  16. <script src="modal/jquery.modal.js" type="text/javascript" charset="utf-8"></script>
  17. <script src="js/vendor.js"></script>
  18. <script src="js/jpreloader.js"></script>
  19. <script src="ListaAnimes.js"></script>
  20. <!------------------------>
  21. <script>
  22.     function mais(campo) {
  23.     var i;
  24.     var k;
  25.     for (i=0;i<campo;i++) {
  26.    Linha1 = "<form method='POST' onkeyup='validar('0')' onkeypress='validar('0')' name='anime0'>";
  27.     Linha2 = "<div align='center'><img id='imagem0' src='fundo.png'/></div>";
  28.     Linha3 = "<audio controls preload='auto' id='playTune'><source src='music/001.mp3'></audio>";
  29.     Linha4 = "<div align='center'><br />Nome do Anime<br />";
  30.     Linha5 = "<input name='caixa0' type='text' id='caixa0' size='30' maxlength='30'/><br /><br /></div></form>";
  31.     Linha6 = "<input type='checkbox' name='itemName11' onclick='verificaChecks('11')' id='item34'/>Dica 1: (-1Pts)<input type='text' id='txt34' size='40' maxlength='40' disabled/>";
  32.    
  33.  
  34.     document.getElementById("Linha1").innerHTML+=Linha1+Linha2+Linha3+Linha4+Linha5+Linha6;
  35.  
  36.    }
  37. }
  38.  
  39.  
  40. </script>
  41. <!------------------------>
  42. <script>
  43. $(document).ready( function() {
  44.     var timer;  //timer for splash screen
  45.    
  46.     //navigation swap
  47.     $('#navigation a').on('click', function() {
  48.         if( !$(this).hasClass('btn-main') ) {
  49.             $('#navigation a')
  50.             .toggleClass('btn-secondary')
  51.             .toggleClass('btn-main');
  52.            
  53.             var tar = $(this).attr('href');
  54.             $('.holder').fadeOut(500, function() {
  55.                 $(tar).fadeIn(500);
  56.             });
  57.         }
  58.         return false;
  59.     });
  60.     $('#set2').hide();
  61.     $('#header').css('top', '-100px');
  62.     $('#footer').css('bottom', '-100px');
  63.     $('#wrapper').hide();
  64.  
  65.    
  66.     //calling jPreLoader
  67.     $('body').jpreLoader({
  68.         splashID: "#jSplash",
  69.         loaderVPos: '70%',
  70.         autoClose: false,
  71.         closeBtnText: "Iniciar",
  72.         splashFunction: function() {  
  73.             //passing Splash Screen script to jPreLoader
  74.             $('#jSplash').children('section').not('.selected').hide();
  75.             $('#jSplash').hide().fadeIn(800);
  76.            
  77.             timer = setInterval(function() {
  78.                 splashRotator();
  79.             }, 4000);
  80.         }
  81.     }, function() { //callback function
  82.         clearInterval(timer);
  83.         $('#footer')
  84.         .animate({"bottom":0}, 500);
  85.         $('#header')
  86.         .animate({"top":0}, 800, function() {
  87.             $('#wrapper').fadeIn(1000);
  88.         });
  89.     });
  90.    
  91.     //create splash screen animation
  92.     function splashRotator(){
  93.         var cur = $('#jSplash').children('.selected');
  94.         var next = $(cur).next();
  95.        
  96.         if($(next).length != 0) {
  97.             $(next).addClass('selected');
  98.         } else {
  99.             $('#jSplash').children('section:first-child').addClass('selected');
  100.             next = $('#jSplash').children('section:first-child');
  101.         }
  102.            
  103.         $(cur).removeClass('selected').fadeOut(800, function() {
  104.             $(next).fadeIn(800);
  105.         });
  106.     }
  107. });
  108. </script>
  109.  
  110. </head>
  111.  
  112. <body onload="score()">
  113. <header id="header">
  114.     <h1>Anime Quiz</h1>
  115.     <div class="clearfix"></div>
  116. </header>
  117.  
  118. <section id="wrapper">
  119.     <div class="wrapper-inner">
  120.     <hgroup>
  121.         <h2>Qual é o anime?</h2>
  122.         <h3>Escuta essa merda e não reclama do codigo!!!</h3>
  123.     </hgroup>
  124.     <form name="form" method="GET">
  125.    Nome do Servidor:
  126.    <input type="text" name="campo" value="">
  127.    <input type="button" value="Adicionar Servidor" onClick="mais(campo.value)">
  128.     </form>
  129. <table width="200" border="1">
  130.         <tr>
  131.               <td>  
  132.     <form method="POST" onkeyup="validar('0')" onkeypress="validar('0')" name="anime0">
  133.     <div id="Linha1"  align="center">
  134.     </div>
  135.     </form>
  136.     </td>
  137.     </tr>
  138.     </table>
  139.    
  140. <table width="200" border="1">
  141.         <tr>
  142.  
  143.  
  144.       <td>  
  145.      
  146.       <!-- 011 -->
  147.      
  148.     <form method="POST" onkeyup="validar('11')" onkeypress="validar('11')" name="anime11">
  149.         <div align="center"><img id="imagem11" src="fundo.png" /><br />
  150.         <audio controls preload="auto" id="playTune">
  151.             <source src="music/011.mp3">
  152.         </audio>
  153.         <div align="center">
  154.             <br />Nome do Anime<br />
  155.             <input type="text" id="caixa11" name="caixa11" size="30" maxlength="30" />
  156.             <br /><br />
  157.         </div>
  158.     </form>
  159.  
  160. <center><a href="#ex11" rel="modal:open">Precisa de Dicas?</a>
  161. </center>
  162.     <div id="ex11" style="display:none;">
  163.       <a href="#" rel="modal:close"></a>
  164. <h1>Dicas:</h1>
  165.         <input type="checkbox" name="itemName11" onclick="verificaChecks('11')" id="item34"/>
  166.             Dica 1: (-1Pts)
  167.         <input type="text" id="txt34" size="40" maxlength="40" disabled/>
  168.             <br>            
  169.         <input type="checkbox" name="itemName11" onclick="verificaChecks('11')" id="item35"/>
  170.             Dica 2: (-1Pts)
  171.         <input type="text" id="txt35" size="40" maxlength="40" disabled/>
  172.             <br>
  173.         <input type="checkbox" name="itemName11" onclick="verificaChecks('11')" id="item36"/>
  174.             Dica 3: (-2Pts)
  175.         <input type="text" id="txt36" size="40" maxlength="40" disabled/>
  176.  
  177.     </div>
  178.        
  179.     </td>
  180.  
  181.      
  182.   </tr>
  183.  
  184.  
  185. </table>
  186.  
  187. <div>
  188. </div>
  189.     <button id="save">SAVE</button>
  190.     <button id="load">LOAD</button>
  191. <br>score: <div id="testeId" name="testeId" onkeydown="return score()" onclick="score()" onkeypress="score()" onmousemove="score()"></div>
  192. </section>
  193.  
  194.  <section id="jSplash">
  195.     <section class="selected">
  196.         <h2>Anime Quiz 2014</h2>
  197.         <strong>Tudo depende se a bicha do yaros vai trabalhar ou não!</strong>
  198.     </section>
  199.     <section>
  200.         <p>Peguei codigo "pronto" mesmo, não chore!<br/>
  201.         <span style="font-size:30px; color:#FF6123;">blablabla</span>.</p>
  202.     </section>
  203.     <section>
  204.         <p>Da ate para customizar a barra pelo CSS <br/>
  205.         <span style="font-size:30px; color:#23FF27;">E NÃO TA CRIPTOGRAFADO</span>.</p>
  206.     </section>
  207.     <section>
  208.         <p>e diz que da preload, mas é fake =/<br/>
  209.         <span style="font-size:25px; color:#FF23FF;">
  210.         <span style="font-size:25px; color:#FF23FF;">nem preciso mesmo.</span></p>
  211.     </section>
  212. </section>
  213.  
  214. <!-- Ativa o Player -->
  215.  
  216. <a id="mtoogle" style="cursor:pointer;">
  217. </a>
  218. </center>
  219.  
  220.  
  221. <script type="text/javascript">
  222. $('#mtoogle').toggle(
  223. function () {
  224. document.getElementById('playTune').pause();
  225. },
  226. function () {
  227. document.getElementById('playTune').play();
  228. }
  229. );
  230. </script>
  231.  
  232.  
  233.  
  234. <footer id="footer">
  235.     <span>Link Viado</span>
  236. </footer>
  237.  
  238. </body>
  239.  
  240. </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!