Field Depth Calculator

JavaScriptSource Staff Jan 5, 2006

For all you photography enthusiasts out there, this script makes it a breeze to determine the field depth and amount that will be in focus in a photograph. Includes other measurements such as nearest and furthest points of focus, too.

The JavaScript Source: Math Related : Field Depth Calculator

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

<!-- TWO STEPS TO INSTALL FIELD DEPTH CALCULATOR:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<HEAD>

</script>
</HEAD>

<BODY>

<center>
<form method=post name=form>
<table border=3 cellpadding=10 cellspacing=0 width=500>
<tr>
<td align=center colspan=2>
Depth of Field Calculator
</td>
</tr>
<tr>
<td align=left>
Negative Format
</td>
<td align=left>
<select name=format>
<option value=0.033>35 mm
<option value=0.025>APS
<option value=0.05>6x45 cm
<option value=0.06>6x6 cm
<option value=0.065>6x7 cm
<option value=0.15>5x4 inch
<option value=0.3>10x8 inch
</select>
</td>
</tr>
<tr>
<td align=left>
Lens focal length
</td>
<td align=left>
<select name=focal>
<option value=17>17 mm
<option value=20>20 mm
<option value=24>24 mm
<option value=28>28 mm
<option value=35>35 mm
<option value=50>50 mm
<option value=70>70 mm
<option value=80>80 mm
<option value=100>100 mm
<option value=135>135 mm
<option value=150>150 mm
<option value=200>200 mm
<option value=210>210 mm
<option value=300>300 mm
<option value=350>350 mm
<option value=400>400 mm
</select>
</td>
</tr>
<tr>
<td align=left>
Selected aperture
</td>
<td align=left>
<select name=aperture>
<option value=1.4>F 1.4
<option value=1.8>F 1.8
<option value=2>F 2
<option value=2.8>F 2.8
<option value=4>F 4
<option value=5.6>F 5.6
<option value=8> F 8
<option value=11>F 11
<option value=16>F 16
<option value=22>F 22
<option value=32>F 32
<option value=45>F 45
<option value=64>F 64
<option value=90>F 90
</select>
</td>
</tr>
<tr>
<td align=left>
Subject distance (Meters)
</td>
<td align=left>
<input type=text name=distance value="" size=6>
</td>
</tr>
<tr>
<td colspan=2 align=left>
<br>
<center><input type=button value="Calculate." onclick="doField(this.form)"></center>
<p>
<input name=hyperFocal type=text value="" size=6> Hyperfocal distance for this lens/aperture combination.
<BR>
<input name=dofNear type=text value="" size=6> Near limit of acceptable sharpness.
<BR>
<input name=dofFar type=text value="" size=6> Far limit of acceptable sharpness.
<BR>
<input name=dofTotal type=text value="" size=6> Total depth of field.
<BR>
<br>
</td></tr>
</table>
</form>
</table>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br/>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Field Depth Calculator

Leave a Response

Attention JavaScript Coders

Go Deeper

Depth of Field Calculator
Negative Format
Lens focal length
Selected aperture
Subject distance (Meters)
Hyperfocal distance for this lens/aperture combination. Near limit of acceptable sharpness. Far limit of acceptable sharpness. Total depth of field.