API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 15th, 2015
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>  
  4.     <meta charset='utf-8'>
  5.    
  6.  
  7. <script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  8.  
  9.  
  10. <style>
  11. div.dice{
  12.     float:center;
  13.     width:32px;
  14.     height:32px;
  15.     background:#F5F5F5;
  16.     border:#999 1px solid;
  17.     padding:7px;
  18.     font-size:24px;
  19.     text-align:center;
  20.     margin:5px;
  21.   outline: none;
  22. }
  23. button{
  24.     border:1px solid #BEBEBE;
  25.     padding: 7px;
  26.     margin:0px;
  27.     -webkit-transition: all 0.30s ease-in-out;
  28.     -moz-transition: all 0.30s ease-in-out;
  29.     -ms-transition: all 0.30s ease-in-out;
  30.     -o-transition: all 0.30s ease-in-out;
  31.     outline: none;
  32.     width: 64px;
  33. }
  34. button:hover{
  35.     background: #88d5e9;
  36.     -moz-box-shadow: 0 0 8px #76B4E2;
  37.     -webkit-box-shadow: 0 0 8px #76B4E2;
  38.     box-shadow: 0 0 8px #76B4E2;
  39.     border: 1px solid #76B4E2;
  40.     width: 64px;
  41. }
  42. input[type=submit]{
  43.     border:1px solid #BEBEBE;
  44.     padding: 7px;
  45.     margin:0px;
  46.     -webkit-transition: all 0.30s ease-in-out;
  47.     -moz-transition: all 0.30s ease-in-out;
  48.     -ms-transition: all 0.30s ease-in-out;
  49.     -o-transition: all 0.30s ease-in-out;
  50.     outline: none;
  51.     width: 100%;
  52. }
  53. input[type=submit]:hover{
  54.     background: #88d5e9;
  55.     -moz-box-shadow: 0 0 8px #76B4E2;
  56.     -webkit-box-shadow: 0 0 8px #76B4E2;
  57.     box-shadow: 0 0 8px #76B4E2;
  58.     border: 1px solid #76B4E2;
  59.     width: 100%;
  60. }
  61. table {
  62.     font-family: verdana,arial,sans-serif;
  63.     font-size:11px;
  64.     color:#333333;
  65.     border-width: 1px;
  66.     border-color: #999999;
  67.     border-collapse: collapse;
  68. }
  69. table tr {
  70.     background-color:#d4e3e5;
  71. }
  72. table td {
  73.     border-width: 1px;
  74.     border-style: solid;
  75.     border-color: #a9c6c9;
  76. }
  77. input[type=text],
  78. input[type=password],
  79. input[type=date],
  80. input[type=datetime],
  81. input[type=number],
  82. input[type=search],
  83. input[type=time],
  84. input[type=url],
  85. input[type=email],
  86. select{
  87.     box-sizing: border-box;
  88.     -webkit-box-sizing: border-box;
  89.     -moz-box-sizing: border-box;
  90.     border:1px solid #BEBEBE;
  91.     padding: 7px;
  92.     margin:5px;
  93.     -webkit-transition: all 0.30s ease-in-out;
  94.     -moz-transition: all 0.30s ease-in-out;
  95.     -ms-transition: all 0.30s ease-in-out;
  96.     -o-transition: all 0.30s ease-in-out;
  97.     outline: none;
  98.     width: 150px;
  99. }
  100. div.race{
  101.     width:65%;
  102.     height:32px;
  103.     background:#F5F5F5;
  104.     border:#999 1px solid;
  105.     padding:7px;
  106.     font-size:24px;
  107.     text-align:center;
  108.     margin:5px;
  109.   outline: none;
  110. }
  111. div.races{
  112.     width:200px;
  113.     height:16px;
  114.   float:right;
  115.     font-size:12px;
  116.     background:#F5F5F5;
  117.     border:#999 1px solid;
  118.     text-align:center;
  119.   outline: none;
  120. }
  121. </style>
  122. <script>
  123. function sila(){
  124.     var die1 = document.getElementById("sila");
  125.     var status = document.getElementById("status");
  126.     var d1 = Math.floor(Math.random() * 8) + 1;
  127.     die1.innerHTML = parseInt(die1.innerHTML) + d1;
  128.    
  129.     var die1instr = document.getElementById("instr");
  130.     die1instr.innerHTML = parseInt(die1.innerHTML) + d1;
  131. }
  132. function obratnost(){
  133.     var die1 = document.getElementById("obratnost");
  134.     var status = document.getElementById("status");
  135.     var d1 = Math.floor(Math.random() * 8) + 1;
  136.     die1.innerHTML = parseInt(die1.innerHTML) + d1;
  137.    
  138.     var die1inobr = document.getElementById("inobr");
  139.     die1inobr.innerHTML = parseInt(die1.innerHTML) + d1;
  140. }
  141. function inteligence(){
  142.     var die1 = document.getElementById("inteligence");
  143.     var status = document.getElementById("status");
  144.     var d1 = Math.floor(Math.random() * 8) + 1;
  145.     die1.innerHTML = parseInt(die1.innerHTML) + d1;
  146.    
  147.     var die1inint = document.getElementById("inint");
  148.     die1inint.innerHTML = parseInt(die1.innerHTML) + d1;
  149. }
  150. function zrucnost(){
  151.     var die1 = document.getElementById("zrucnost");
  152.     var status = document.getElementById("status");
  153.     var d1 = Math.floor(Math.random() * 8) + 1;
  154.     die1.innerHTML = parseInt(die1.innerHTML) + d1;
  155.    
  156.     var die1inzru = document.getElementById("inzru");
  157.     die1inzru.innerHTML = parseInt(die1.innerHTML) + d1;
  158. }
  159. function charisma(){
  160.     var die1 = document.getElementById("charisma");
  161.     var status = document.getElementById("status");
  162.     var d1 = Math.floor(Math.random() * 8) + 1;
  163.     die1.innerHTML = parseInt(die1.innerHTML) + d1;
  164.    
  165.     var die1incha = document.getElementById("incha");
  166.     die1incha.innerHTML = parseInt(die1.innerHTML) + d1;
  167. }
  168. function vnimani(){
  169.     var die1 = document.getElementById("vnimani");
  170.     var status = document.getElementById("status");
  171.     var d1 = Math.floor(Math.random() * 8) + 1;
  172.     die1.innerHTML = parseInt(die1.innerHTML) + d1;
  173.    
  174.     var die1invn = document.getElementById("invn");
  175.     die1invn.innerHTML = parseInt(die1.innerHTML) + d1;
  176. }
  177. function disableFunctionstr() {
  178.     document.getElementById("str").disabled = 'true';
  179. }
  180. function disableFunctionobr() {
  181.     document.getElementById("obr").disabled = 'true';
  182. }
  183. function disableFunctionint() {
  184.     document.getElementById("int").disabled = 'true';
  185. }
  186. function disableFunctioncha() {
  187.     document.getElementById("cha").disabled = 'true';
  188. }
  189. function disableFunctionvn() {
  190.     document.getElementById("vn").disabled = 'true';
  191. }
  192. function disableFunctionzru() {
  193.     document.getElementById("zru").disabled = 'true';
  194. }
  195.  
  196. var atributy = [[0,0,0,0,0,0],        //vyber
  197.                 [1,1,2,2,3,1],        //clovek
  198.                 [0,1,3,3,1,2],        //elf
  199.                 [2,1,2,0,2,3],        //trpaslik
  200.                 [-1,4,2,2,1,2],       //gnom
  201.                 [9,1,0,-3,1,2],       //kroll
  202.                 [1,2,2,2,1,2],        //pulelf
  203.                 [5,2,1,-2,2,2]];      //pulkroll
  204.  
  205.  
  206. function vypln(index)
  207. {
  208.   //alert(index);
  209.   document.getElementById("sila").innerHTML = atributy[index][0];
  210.   document.getElementById("obratnost").innerHTML = atributy[index][1];
  211.   document.getElementById("inteligence").innerHTML = atributy[index][2];
  212.   document.getElementById("charisma").innerHTML = atributy[index][3];
  213.   document.getElementById("vnimani").innerHTML = atributy[index][4];
  214.   document.getElementById("zrucnost").innerHTML = atributy[index][5];
  215.  
  216.   document.getElementById("instr").value = atributy[index][0];
  217.   document.getElementById("inobr").value = atributy[index][1];
  218.   document.getElementById("inint").value = atributy[index][2];
  219.   document.getElementById("incha").value = atributy[index][3];
  220.   document.getElementById("invn").value = atributy[index][4];
  221.   document.getElementById("inzru").value = atributy[index][5];
  222.  
  223.   document.getElementById('str').disabled=false;
  224.   document.getElementById('obr').disabled=false;
  225.   document.getElementById('int').disabled=false;
  226.   document.getElementById('cha').disabled=false;
  227.   document.getElementById('vn').disabled=false;
  228.   document.getElementById('zru').disabled=false;
  229.    
  230. var lastIndex = index;
  231. document.getElementById('rasa').options[lastIndex].disabled = true;
  232.  
  233.     var race1 = document.getElementById("race");
  234.     race1.innerHTML = "<a href='./race/"+lastIndex+".html' target='_blank' onclick='window.open(this.href, '_blank'); return false;'>Informace o rase</a>";
  235. }
  236.  
  237. var atributy2 = [[0,0,0,0,0,0],       //vyber
  238.                 [2,0,-1,0,0,1],        //valecnik
  239.                 [-1,2,0,0,1,1],        //hranicar
  240.                 [-2,-1,4,0,2,0],        //kouzelnik
  241.                 [-1,1,2,0,1,0],       //alchimista
  242.                 [-3,3,0,0,0,3],       //zlodej
  243.                 [-3,-1,5,0,2,0]];       //knez
  244. function vypln2(index)
  245. {
  246.   document.getElementById("sila").innerHTML             =   parseInt(document.getElementById("sila").innerHTML) + atributy2[index][0];
  247.   document.getElementById("obratnost").innerHTML        =   parseInt(document.getElementById("obratnost").innerHTML) + atributy2[index][1];
  248.   document.getElementById("inteligence").innerHTML      =   parseInt(document.getElementById("inteligence").innerHTML) + atributy2[index][2];
  249.   document.getElementById("charisma").innerHTML         =   parseInt(document.getElementById("charisma").innerHTML) + atributy2[index][3];
  250.   document.getElementById("vnimani").innerHTML          =   parseInt(document.getElementById("vnimani").innerHTML) + atributy2[index][4];
  251.   document.getElementById("zrucnost").innerHTML         =   parseInt(document.getElementById("zrucnost").innerHTML) + atributy2[index][5];
  252.  
  253.   document.getElementById("instr").value             =   parseInt(document.getElementById("sila").innerHTML) + atributy2[index][0];
  254.   document.getElementById("inobr").value             =   parseInt(document.getElementById("obratnost").innerHTML) + atributy2[index][1];
  255.   document.getElementById("inint").value             =   parseInt(document.getElementById("inteligence").innerHTML) + atributy2[index][2];
  256.   document.getElementById("incha").value             =   parseInt(document.getElementById("charisma").innerHTML) + atributy2[index][3];
  257.   document.getElementById("invn").value              =   parseInt(document.getElementById("vnimani").innerHTML) + atributy2[index][4];
  258.   document.getElementById("inzru").value             =   parseInt(document.getElementById("zrucnost").innerHTML) + atributy2[index][5];
  259.  
  260.   var lastIndex2 = index;
  261. document.getElementById('povolani').options[lastIndex2].disabled = true;
  262.  
  263.     var race1 = document.getElementById("povolanis");
  264.     race1.innerHTML = "<a href='./povolani/"+lastIndex2+".html' target='_blank' onclick='window.open(this.href, '_blank'); return false;'>Informace o Povolání</a>";
  265. }
  266. function pojmenovani(){
  267. var jmeno = ["admin","Admin","Yoru","yoru"];
  268. var named = document.getElementById('jmeno').value;
  269. for (n = 0; n < jmeno.length; n++)
  270. {
  271.  if(named == jmeno[n]){
  272.   document.getElementById('nameed').innerHTML = "<font color='red'>Jméno <b>"+named+"</b> je zakazané</font>";
  273.    document.getElementById("tvorba").disabled =true;
  274.    document.getElementById('zjmeno').value = "xxx";
  275.                     document.getElementById('zjmeno').value = "";
  276.    }
  277.    else{
  278.    document.getElementById('tvorba').disabled=false;
  279.    document.getElementById('zjmeno').value = named;
  280.     }
  281. }
  282. }
  283.  
  284. </script>
  285. </head>
  286. <body>
  287.       <table width="100%" style="text-align: center;">
  288.         <tr>
  289.           <td colspan=3 style="padding-top: 15px">
  290.             <h2>Osobní Deník</h2>
  291.           </td>
  292.         </tr>
  293.        
  294.         <tr>
  295.           <td>
  296.             Jméno Postavy
  297.           </td>
  298.           <td>
  299. <!---             <form action="" acrtion="POST"> --->
  300.             <input type="text" name="jmeno" id="jmeno" onkeyup="pojmenovani();"></td>
  301.           <td>
  302.             <div class="races" id="nameed"></div>
  303.           </td>
  304.         </tr>
  305.         <tr>        
  306.           <td>
  307.             Rasa
  308.           </td>
  309.           <td>
  310.             <select name="rasa" id="rasa" onchange="vypln(this.selectedIndex);">
  311.               <option selected>Vyber si</option>
  312.               <option value="clovek">Člověk</option>
  313.               <option value="elf">Elf</option>
  314.               <option value="trpaslik">Trpaslík</option>
  315.               <option value="gnom">Gnom</option>
  316.               <option value="kroll">Kroll</option>
  317.               <option value="pulelf">PulElf</option>
  318.               <option value="pulkroll">PulKroll</option>
  319.             </select>
  320.           </td>
  321.           <td>
  322.           <div class="races" id="race"></div>
  323.           </td>
  324.         </tr>
  325.         <tr>        
  326.           <td>
  327.             Povolání
  328.           </td>
  329.           <td>
  330.             <select name="povolani" id="povolani" onchange="vypln2(this.selectedIndex);">
  331.               <option selected>Vyber si</option>
  332.               <option value="valecnik">Válečník</option>
  333.               <option value="hranicar">Hraničář</option>
  334.               <option value="kouzelnik">Kouzelník</option>
  335.               <option value="alchimista">Alchimista</option>
  336.               <option value="zlodej">Zloděj</option>
  337.               <option value="knez">Kněz</option>
  338.             </select>
  339.           </td>
  340.           <td>
  341.           <div class="races" id="povolanis"></div>
  342.           </td>
  343.         </tr>
  344.      
  345.         <tr>
  346.           <td> Síla </td>
  347.             <td>
  348.               <center><div id="sila" class="dice"></div></center>
  349.               <button id="str" onclick="this.setAttribute('disabled', 'true'); sila()">ROLL</button>
  350.             </td>
  351.           <td>
  352.           &nbsp;
  353.           </td>
  354.         </tr>
  355.      
  356.         <tr>
  357.           <td> Obratnost </td>
  358.             <td>
  359.               <center><div id="obratnost" class="dice"></div></center>
  360.               <button id="obr" onclick="this.setAttribute('disabled', 'true'); obratnost()">ROLL</button>
  361.             </td>
  362.           <td>
  363.           &nbsp;
  364.           </td>
  365.         </tr>
  366.      
  367.         <tr>
  368.           <td> Inteligence </td>
  369.             <td>
  370.               <center><div id="inteligence" class="dice"></div></center>
  371.               <button id="int" onclick="this.setAttribute('disabled', 'true'); inteligence()">ROLL</button>
  372.             </td>
  373.           <td>
  374.           &nbsp;
  375.           </td>
  376.         </tr>
  377.      
  378.         <tr>
  379.           <td> Charisma </td>
  380.             <td>
  381.               <center><div id="charisma" class="dice"></div></center>
  382.               <button id="cha" onclick="this.setAttribute('disabled', 'true'); charisma()">ROLL</button>
  383.             </td>
  384.           <td>
  385.           &nbsp;
  386.           </td>
  387.         </tr>
  388.      
  389.         <tr>
  390.           <td> Vnímavost </td>
  391.             <td>
  392.               <center><div id="vnimani" class="dice"></div></center>
  393.               <button id="vn" onclick="this.setAttribute('disabled', 'true'); vnimani()">ROLL</button>
  394.             </td>
  395.           <td>
  396.           &nbsp;
  397.           </td>
  398.         </tr>
  399.      
  400.         <tr>
  401.           <td> Zručnost </td>
  402.             <td>
  403.               <center><div id="zrucnost" class="dice"></div></center>
  404.               <button id="zru" onclick="this.setAttribute('disabled', 'true'); zrucnost()">ROLL</button>
  405.             </td>
  406.           <td>
  407.           &nbsp;
  408.           </td>
  409.         </tr>
  410.      
  411.         <tr>
  412.           <td colspan=3>
  413. <!--- Zpracování --><form id="zapisovaci">
  414. <!-- Jmeno --><input type="text" id="zjmeno" value="">
  415.               <input type="text" id="instr" value="">
  416.               <input type="text" id="inobr" value="">
  417.               <input type="text" id="inint" value="">
  418.               <input type="text" id="incha" value="">
  419.               <input type="text" id="invn" value="">
  420.               <input type="text" id="inzru" value="">
  421.               <input type="submit" id="tvorba" value="Založit Postavu">
  422.               </form>
  423.           </td>
  424.         </tr>
  425.       </table>
  426. <div ><div class="oznamy"></div></div></body>
  427. </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!