1. <!doctype html>
  2. <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9.  
  10. <title></title>
  11. <meta name="description" content="">
  12. <meta name="author" content="">
  13.  
  14. <meta name="viewport" content="width=device-width,initial-scale=1">
  15.  
  16. <!-- CSS concatenated and minified via ant build script-->
  17. <link rel="stylesheet" href="css/style.css">
  18. <!-- end CSS-->
  19. </head>
  20.  
  21. <body>
  22. <SCRIPT LANGUAGE="JavaScript">
  23. function tt (form){
  24. x = Math.pow(form.aperture.value,2);
  25. y = Math.pow(2,form.EV.value);
  26. iso = (document.form.iso.options[document.form.iso.selectedIndex].value);
  27. if (parseInt(form.shutter.value, 10) <=1)
  28. {
  29. form.shutter.value = "1/" + (Math.round ((1/(x/y))*(iso)*1000)/1024) + " th sec";
  30. console.log(x/y);
  31. }
  32. else {form.shutter.value = (Math.round (x/y*10)/10*(iso)) + " sec";
  33. console.log(x/y);
  34. }
  35. }
  36. </script>
  37.  
  38. <div id="container">
  39. <header>
  40.  
  41. </header>
  42. <div id="main" role="main">
  43.  
  44. <form method=post name=form>
  45.  
  46. <select name=aperture>
  47. <option value="1">f/1</option>
  48. <option value="1.4">f/1.4</option>
  49. <option value="2">f/2</option>
  50. <option value="2.8">f/2.8</option>
  51. <option value="4">f/4</option>
  52. <option value="5.6">f/5.6</option>
  53. <option value="8">f/8</option>
  54. <option value="11">f/11</option>
  55. <option value="16" selected>f/16</option>
  56. <option value="22">f/22</option>
  57. <option value="32">f/32</option>
  58. <option value="45">f/45</option>
  59. <option value="64">f/64</option>
  60. </select>
  61.  
  62.  
  63. <!--<select name=shutter>
  64. <option value=".00208">8min </option>
  65. <option value=".00417">4min </option>
  66. <option value=".00833">2min </option>
  67. <option value=".0166">1min </option>
  68. <option value=".0333">30s </option>
  69. <option value=".0666">15s </option>
  70. <option value=".125">8s </option>
  71. <option value=".25">4s </option>
  72. <option value=".5">2s </option>
  73. <option value="1">1s </option>
  74. <option value="2">1/2s </option>
  75. <option value="4">1/4s </option>
  76. <option value="8">1/8s </option>
  77. <option value="15">1/15s </option>
  78. <option value="30">1/30s </option>
  79. <option value="60">1/60s </option>
  80. <option value="125" selected>1/125s </option>
  81. <option value="250">1/250s </option>
  82. <option value="500">1/500s </option>
  83. <option value="1000">1/1000s </option>
  84. <option value="2000">1/2000s </option>
  85. <option value="4000">1/4000s </option>
  86. <option value="8000">1/8000s </option>
  87. </select>
  88. -->
  89.  
  90. <select name=iso>
  91. <option value="32">ISO 3200</option>
  92. <option value="16">ISO 1600</option>
  93. <option value="8">ISO 800</option>
  94. <option value="4">ISO 400</option>
  95. <option value="2">ISO 200</option>
  96. <option value="1" selected>ISO 100</option>
  97. <option value=".5">ISO 50</option>
  98. <option value=".25">ISO 25</option>
  99. </select>
  100.  
  101.  
  102. <input name="shutter" type="text" value="" size="12" maxlength="5">
  103.  
  104. <select name=EV>
  105. <option value="2">EV 2</option>
  106. <option value="3">EV 3</option>
  107. <option value="4">EV 4</option>
  108. <option value="5">EV 5</option>
  109. <option value="6">EV 6</option>
  110. <option value="7">EV 7 </option>
  111. <option value="8">EV 8</option>
  112. <option value="9">EV 9</option>
  113. <option value="10">EV 10</option>
  114. <option value="11">EV 11</option>
  115. <option value="12">EV 12</option>
  116. <option value="13">EV 13</option>
  117. <option value="14">EV 14</option>
  118. <option value="15" selected>EV 15</option>
  119. <option value="16">EV 16</option>
  120. <option value="17">EV 17</option>
  121.  
  122. </select>
  123.  
  124.  
  125. <input value=" Calculate shutter" onclick="tt(this.form)" type="button">
  126. <button class="button_x" type="reset">x</button>
  127. </form>
  128.  
  129.  
  130.  
  131.  
  132. </div>
  133. <footer>
  134.  
  135. </footer>
  136. </div> <!--! end of #container -->
  137.  
  138.  
  139. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  140. <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
  141.  
  142.  
  143. <!-- scripts concatenated and minified via ant build script-->
  144. <script defer src="js/plugins.js"></script>
  145. <script defer src="js/script.js"></script>
  146. <!-- end scripts-->
  147.  
  148.  
  149. <!-- <script> // Change UA-XXXXX-X to be your site's ID
  150. window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
  151. Modernizr.load({
  152. load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
  153. });
  154. </script>
  155. -->
  156.  
  157.  
  158. <!--[if lt IE 7 ]>
  159. <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
  160. <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  161. <![endif]-->
  162.  
  163. </body>
  164. </html>