<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Depth of Field Calculator (iPhone version) - Digital Rebellion</title>
        <link href="layout_lite.css" rel="stylesheet" type="text/css"></link>
        <link href="images/iphone/iui.css" rel="stylesheet" type="text/css"></link>
        <link rel="apple-touch-icon" href="http://www.digitalrebellion.com/images/dof_calc_icon.png"></link> 
        <meta content="text/xhtml; charset=UTF-8"></meta>
        <meta name="viewport" content="width=320; height=356; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
        <meta name="description" lang="en" content="Use this calculator to work out the depth of field of various cameras."></meta>
        <meta name="keywords" lang="en" content="digital rebellion, post production, dof, depth of field, aperture, focal length, calculator, iphone"></meta>
        <meta name="robots" content="all"></meta>
        <meta name="author" content="Digital Rebellion, LLC"></meta>
        <script src="dof_calc.js" type="text/JavaScript"></script>
        <script src="scripts/feedback.js" type="text/JavaScript"></script>
    </head>
    
    <body>
<div class="toolbar">

        <h1 id="pageTitle" style="border:0; width:9em;">DOF Calc</h1>
    </div>

    <div class="panel">
        <fieldset>            
            <div class="row" id="div_preset">
                <label>Preset
                <select style="position: relative; right: -10px" id="cbo_preset" name="cbo_preset"  onchange="Javascript: changePreset();" onkeyup="Javascript: changePreset();">
                        <option value="p14">Canon GL2</option>
                        <option value="p13">Canon XH-A1</option>
                        <option value="p13">Canon XH-G1</option>
                        <option value="p13">Canon XL1</option>
                        <option value="p13">Canon XL2</option>
                        <option value="p13">Canon XL-H1</option>
                        <option value="p12">JVC DY-70U</option>
                        <option value="p23">JVC DY-90U</option>
                        <option value="p12">JVC GY-DV5100U</option>
                        <option value="p13">JVC GY-HD110U</option>
                        <option value="p13">JVC GY-HD200U</option>
                        <option value="p13">JVC GY-HD250U</option>
                        <option value="p13" selected="selected">Panasonic DVX100</option>
                        <option value="p23">Panasonic HDX400</option>
                        <option value="p23">Panasonic HDX900</option>
                        <option value="p23">Panasonic HPX500</option>
                        <option value="p23">Panasonic HPX3000</option>
                        <option value="p23">Panasonic HPX2000</option>
                        <option value="p14">Panasonic HSC1U</option>
                        <option value="p13">Panasonic HVX200</option>
                        <option value="p23">Panasonic SDC615</option>
                        <option value="p23">Panasonic SPC700</option>
                        <option value="p23">Panasonic SPX800</option>
                        <option value="p23">Panasonic Varicam</option>
                        <option value="p23">Sony BVPE30</option>
                        <option value="p23">Sony DXCD55</option>
                        <option value="p12">Sony EX1</option>
                        <option value="p23">Sony F23</option>
                        <option value="p12">Sony F335</option>
                        <option value="p12">Sony F355</option>
                        <option value="p23">Sony F900</option>
                        <option value="p23">Sony HDC1000</option>
                        <option value="p23">Sony HDC1400</option>
                        <option value="p23">Sony HDC1500</option>
                        <option value="p12">Sony HDC-X300</option>
                        <option value="p12">Sony HDC-X310</option>
                        <option value="p23">Sony HDC-3300</option>
                        <option value="p13">Sony HVR-A1U</option>
                        <option value="p13">Sony HVR-Z1U</option>
                    </select>
                </label>
            </div>
                        
            <div class="row">
                <label>Sensor type
                <select style="position: relative; right: -5px;" id="cbo_type" name="cbo_type" onchange="Javascript: changeSensor();" onkeyup="Javascript: changeSensor();">
                    <option id="s65mm">65mm / 70mm film</option>
                    <option id="s35mm">35mm film</option>
                    <option id="ss16mm">Super 16mm film</option>
                    <option id="s16mm">16mm film</option>
                    <option id="s23">2/3 inch sensor</option>
                    <option id="s12">1/2 inch sensor</option>
                    <option id='s13' selected="selected">1/3 inch sensor</option>
                    <option id='s14'>1/4 inch sensor</option>
                    <option id='customcoc'>Custom CoC</option>
                </select>
                </label>
            </div>
            
            <div class="hide" id="div_coc">
                <label>Custom CoC
                    <input style="position: relative; text-align:center; width: 3em; margin-right: 0.5em;" type="text" id="txt_coc" name="txt_coc" value="0.001" size="6" maxlength="6" onclick="Javascript: resetTextBox('txt_coc');" onkeyup="Javascript: validate_text('txt_coc');" onchange="Javascript: validate_text('txt_coc');"></input> <span><b>mm</b></span>
                </label>
            </div>
            
            <div class="row">
                <label>Lens aperture
                <select style="position: relative; right: -5px;" id="cbo_aperture" name="cbo_aperture" onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();">
                    <option id="f10">F 1.0</option>
                    <option id="f12">F 1.2</option>
                    <option id="f14">F 1.4</option>
                    <option id="f16">F 1.6</option>
                    <option id="f18">F 1.8</option>
                    <option id="f20">F 2.0</option>
                    <option id="f22">F 2.2</option>
                    <option id="f24">F 2.4</option>
                    <option id="f25">F 2.5</option>
                    <option id="f28">F 2.8</option>
                    <option id="f32">F 3.2</option>
                    <option id="f34">F 3.4</option>
                    <option id="f36">F 3.6</option>
                    <option id="f40" selected="selected">F 4.0</option>
                    <option id="f45">F 4.5</option>
                    <option id="f48">F 4.8</option>
                    <option id="f50">F 5.0</option>
                    <option id="f56">F 5.6</option>
                    <option id="f64">F 6.4</option>
                    <option id="f67">F 6.7</option>
                    <option id="f71">F 7.1</option>
                    <option id="f80">F 8.0</option>
                    <option id="f90">F 9.0</option>
                    <option id="f95">F 9.5</option>
                    <option id="f100">F 10.0</option>
                    <option id="f110">F 11.0</option>
                    <option id="f160">F 16.0</option>
                    <option id="f180">F 18.0</option>
                    <option id="f190">F 19.0</option>
                    <option id="f200">F 20.0</option>
                    <option id="f220">F 22.0</option>
                    <option id="f250">F 25.0</option>
                    <option id="f270">F 27.0</option>
                    <option id="f280">F 28.0</option>
                    <option id="f320">F 32.0</option>
                    <option id="f450">F 45.0</option>
                    <option id="f640">F 64.0</option>
                </select>
                </label>
            </div>
                    
            <div class="row">
                <label>Focal length
                <input style="width: 2.5em; margin-right: 0.5em;" type="text" id="txt_focal" name="txt_focal" value="100" size="6" maxlength="6" onfocus="Javascript: resetTextBox('txt_focal');" onkeyup="Javascript: validate_text('txt_focal');" onchange="Javascript: validate_text('txt_focal');"></input>
                <span><b>mm</b></span>
                </label>
            </div>

            <div class="row">
                <label>Subject distance
                <input style="position: relative; text-align:center; width: 2.6em; margin-right: 0.5em;" type="text" id="txt_dist" name="txt_dist" value="10" size="4" maxlength="4" onclick="Javascript: resetTextBox('txt_dist');" onkeyup="Javascript: validate_text('txt_dist');" onchange="Javascript: validate_text('txt_dist');"></input>
                </label>
                 <span style="position: relative; left: 11.8em; line-height: 42px; top: 4px;"><select style="position: relative; right: -20px;" id="cbo_dist_type" name="cbo_dist_type" onchange="Javascript: recalculate();" onkeyup="Javascript: recalculate();">
                    <option id="meters" selected="selected">meters</option>
                    <option id="feet">feet</option>
                </select></span>
            </div>
            
        </fieldset>
        
<h2 style='font-size: medium;border:0;'><span id='output'>Depth of field: </span></h2>
</div>

<div style="margin-bottom: 1em;">By <a href="http://www.digitalrebellion.com/">Digital Rebellion</a></div>
<div style="margin-bottom: 1em;"><b><a href="Javascript: linkToPage();">Link to this calculation</a></b> <span style="color: red;">New!</span></div>
<div style="margin-bottom: 1em;"><b>Please note that this tool is intended for cinematographers rather than still photographers.</b></div>

<div style="margin-bottom: 1em;"><span id="feedbacklabel"><b>Comments, suggestions, bug reports?<br /><a href="Javascript: openFeedback(false);">Leave feedback</a></b></span><span id="pageurl" class="hide">http://www.digitalrebellion.com/dof_calc_mobile.xml</span><div id="feedbackform" class="hide"><textarea cols="30" rows="6" id="txtfeedback"></textarea><br /><a href="Javascript: submitFeedback();">Submit</a> <a href="Javascript: openFeedback(true);">Cancel</a><br /><br /><b>If you would like a reply, please include your <br />email address.</b></div>
<script type="text/Javascript">querystring_calc();</script>
</div>

</body>
</html>