Hello all,
I'm having trouble making a hand scanner work, what I would like to do is hide a field on my first page and put the focus on that field and wait for STDIN. But if a visitor comes in make them click on the "Name field" and take the focus away, let me show you my code:
Code:
<HTML>
<HEAD>
[indent]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<TITLE>HP Security</TITLE>
</HEAD>
<BODY background="c:\xampp\cgi-bin\IDSSlogo.bmp" BGPROPERTIES="FIXED" Onload="document.CheckIn.BadgeNum.focus();> [COLOR=#CC0000][b]Set the focus here[/b][/color]
<CENTER><FONT SIZE=20 FACE="Arial Black" COLOR=BLUE STYLE="Bold" >Welcome to Bentonville Deployment Solutions Center</FONT><FONT SIZE=5 COLOR=BLACK></FONT></CENTER>
<HR COLOR="BLUE">
<FONT FACE="COMIC Sans MS">
<CENTER><FONT SIZE=15 FACE="Arial" Color=BLACK>Visitors are required to sign in.</FONT></CENTER>
<FONT><FACE=ARIAL COLOR=BLUE></FONT>
<HR COLOR=BLUE WIDTH=50%>
<CENTER>
<font face="Arial">
<tr>
<FORM Name="CheckIn" action='javascript:poponload()' onsubmit="location.reload()">
<TABLE>
<div style="text-align:left;font-size=18px; ">
<INPUT STYLE="font-size:18;height:30;width:450;" TYPE="hidden" NAME="BadgeNum" align="center" onkeydown="return checkEnter(event);">
[COLOR=#CC0000][b]Hide the field here,
the scanner has been configured to have a new line upon scan, at this point it will go run a
function and do some things and return back taking focus on another STDIN or wait for a user to
change focus with a click.[/b][/color]
<label for"TxtName">Name:</label><INPUT STYLE="font-size:18;height:30;width:450;" TYPE="TEXT" NAME="TxtName" align="center" value="" onfocus="this.value='';">
</div>
</tr>
<tr>
<div style="text-align:left;font-size=20px;">
<label for="Organization">Organization:<label><select name="Organization" style="font-size:18;height:30;width:450;border:3px outset" id="selectBox1" onchange="changeFunc1(this.value)" size="1" >
<option value="Select">Select</option>
<option value="GSD AMS">GSD AMS</option>
<option value="GSD APJ">GSD APJ</option>
<option value="GSD EMEA">GSD EMEA</option>
<option value="GSD Customer Solution Center">GSD Customer Solution Center</option>
<option value="GSD Supply Chain">GSD Supply Chain</option>
<option value="Delivery Readiness">Delivery Readiness</option>
<option value="Business Process, Customer Experience and Quality">Business Process, Customer Experience and Quality</option>
<option value="Business Operations">Business Operations</option>
<option value="GSD Engineering Resolution">GSD Engineering Resolution</option>
<option value="GSD Escalation Management">GSD Escalation Management</option>
<option value="11">Other (please specify)</option>
</select>
<span id="otherValue" style="display:none"> Other: <input type="text" id="other" name="Organization1" value="Click" onclick="this.value='';" style="font-size:18px;height:30;width:385"> </span>
<p>
</div>
<script type="text/javascript">
function changeFunc1(info) {
if (info == '11') { document.getElementById('otherValue').style.display = ''; }
else { document.getElementById('otherValue').style.display = 'none'; }
}
</script>
</tr>
<tr>
<div style = "text-align:left;font-size=20px;">
<label for=:Sponsor">Sponsor:</label><select id="Sponser" name="Sponser" onchange="changeFunc2(this.value)" size="1" style="font-size:18px;border:3px outset">
<option value = "Select">Select</option>
<option value = "Chris Amburgey">Chris Amburgey</option>
<option value = "Brandon Cook">Brandon Cook</option>
<option value = "Mike Eberhardt">Mike Eberhardt</option>
<option value = "Tom Heald">Tom Heald</option>
<option value = "Stephen Marvin">Stephen Marvin</option>
<option value = "Phil Parker">Phil Parker</option>
<option value = "Chris Southworth">Chris Southworth</option>
<option value = "Paul Ward">Paul Ward</option>
<option value = "Patty Wright">Patty Wright</option>
<option value = "10">Other (please specify)</option>
<option value = "11">************************************************************</option>
</select>
<span id="otherValue2" style="display:none"> Other: <input type="text" id="other" value="Click" name="Sponser1" onclick="this.value='';" style="font-size:18px;height:30;width:385"> </span>
<p>
</div>
<script type="text/javascript">
function changeFunc2(info) {
if (info == '10') { document.getElementById('otherValue2').style.display = ''; }
else { document.getElementById('otherValue2').style.display = 'none'; }
}
</script>
</tr>
<tr>
<div style = "text-align:left;font-size=20px;" class="field_element">
<label for="reason">Reason for Visit:</label><select id="reason" name="reason" onchange="changeFunc3(this.value)" size="1" style="font-size:18px;border:3px outset">
<option value = "Select">Select</option>
<option value = "IDSS Sales Training">IDSS Sales Training</option>
<option value = "HP Internal Meeting Ward">HP Internal Meeting Ward</option>
<option value = ">Customer Meeting">Customer Meeting</option>
<option value = "Interview">Interview</option>
<option value = "5">Other (please specify)</option>
<option value = "6">************************************************************</option>
</select>
<span id="otherValue3" style="display:none"> Other: <input type="text" id="other" name="reason1" value="Click" onclick="this.value='';" style="font-size:18px;height:30;width:385"> </span>
<p>
</div>
<script type="text/javascript">
function changeFunc3(info) {
if (info == '5') { document.getElementById('otherValue3').style.display = ''; }
else { document.getElementById('otherValue3').style.display = 'none'; }
}
</script>
</tr>
<tr>
<div style = "text-align:left;font-size=20px;">
<label for="Country">Citizenship:</labe/></td><select id="Country" name="Country" size="1" style="font-size:18px;border:3px">
<option value="840">United States</option>
<option value="581">United States Minor Outlying Islands</option>
<option value="4">Afghanistan</option>
<option value="248">Åland Islands</option>
<option value="8">Albania</option>
<option value="12">Algeria</option>
<option value="16">American Samoa</option>
<option value="20">Andorra</option>
<option value="24">Angola</option>
<option value="660">Anguilla</option>
<option value="10">Antarctica</option>
<option value="28">Antigua and Barbuda</option>
<option value="32">Argentina</option>
<option value="51">Armenia</option>
<option value="533">Aruba</option>
<option value="36">Australia</option>
<option value="40">Austria</option>
<option value="31">Azerbaijan</option>
<option value="44">Bahamas</option>
<option value="48">Bahrain</option>
<option value="50">Bangladesh</option>
<option value="52">Barbados</option>
<option value="112">Belarus</option>
<option value="56">Belgium</option>
<option value="84">Belize</option>
<option value="204">Benin</option>
<option value="60">Bermuda</option>
<option value="64">Bhutan</option>
<option value="68">Bolivia, Plurinational State of</option>
<option value="535">Bonaire, Sint Eustatius and Saba</option>
<option value="70">Bosnia and Herzegovina</option>
<option value="72">Botswana</option>
<option value="74">Bouvet Island</option>
<option value="76">Brazil</option>
<option value="86">British Indian Ocean Territory</option>
<option value="96">Brunei Darussalam</option>
<option value="100">Bulgaria</option>
<option value="854">Burkina Faso</option>
<option value="108">Burundi</option>
<option value="116">Cambodia</option>
<option value="120">Cameroon</option>
<option value="124">Canada</option>
<option value="132">Cape Verde</option>
<option value="136">Cayman Islands</option>
<option value="140">Central African Republic</option>
<option value="148">Chad</option>
<option value="152">Chile</option>
<option value="156">China</option>
<option value="162">Christmas Island</option>
<option value="166">Cocos (Keeling) Islands</option>
<option value="170">Colombia</option>
<option value="174">Comoros</option>
<option value="178">Congo</option>
<option value="180">Congo, the Democratic Republic of the</option>
<option value="184">Cook Islands</option>
<option value="188">Costa Rica</option>
<option value="384">Côte d'Ivoire</option>
<option value="191">Croatia</option>
<option value="192">Cuba</option>
<option value="531">Curaçao</option>
<option value="196">Cyprus</option>
<option value="203">Czech Republic</option>
<option value="208">Denmark</option>
<option value="262">Djibouti</option>
<option value="212">Dominica</option>
<option value="214">Dominican Republic</option>
<option value="218">Ecuador</option>
<option value="818">Egypt</option>
<option value="222">El Salvador</option>
<option value="226">Equatorial Guinea</option>
<option value="232">Eritrea</option>
<option value="233">Estonia</option>
<option value="231">Ethiopia</option>
<option value="238">Falkland Islands (Malvinas)</option>
<option value="234">Faroe Islands</option>
<option value="242">Fiji</option>
<option value="246">Finland</option>
<option value="250">France</option>
<option value="254">French Guiana</option>
<option value="258">French Polynesia</option>
<option value="260">French Southern Territories</option>
<option value="266">Gabon</option>
<option value="270">Gambia</option>
<option value="268">Georgia</option>
<option value="276">Germany</option>
<option value="288">Ghana</option>
<option value="292">Gibraltar</option>
<option value="300">Greece</option>
<option value="304">Greenland</option>
<option value="308">Grenada</option>
<option value="312">Guadeloupe</option>
<option value="316">Guam</option>
<option value="320">Guatemala</option>
<option value="831">Guernsey</option>
<option value="324">Guinea</option>
<option value="624">Guinea-Bissau</option>
<option value="328">Guyana</option>
<option value="332">Haiti</option>
<option value="334">Heard Island and McDonald Islands</option>
<option value="336">Holy See (Vatican City State)</option>
<option value="340">Honduras</option>
<option value="344">Hong Kong</option>
<option value="348">Hungary</option>
<option value="352">Iceland</option>
<option value="356">India</option>
<option value="360">Indonesia</option>
<option value="364">Iran, Islamic Republic of</option>
<option value="368">Iraq</option>
<option value="372">Ireland</option>
<option value="833">Isle of Man</option>
<option value="376">Israel</option>
<option value="380">Italy</option>
<option value="388">Jamaica</option>
<option value="392">Japan</option>
<option value="832">Jersey</option>
<option value="400">Jordan</option>
<option value="398">Kazakhstan</option>
<option value="404">Kenya</option>
<option value="296">Kiribati</option>
<option value="408">Korea, Democratic People's Republic of</option>
<option value="410">Korea, Republic of</option>
<option value="414">Kuwait</option>
<option value="417">Kyrgyzstan</option>
<option value="418">Lao People's Democratic Republic</option>
<option value="428">Latvia</option>
<option value="422">Lebanon</option>
<option value="426">Lesotho</option>
<option value="430">Liberia</option>
<option value="434">Libya</option>
<option value="438">Liechtenstein</option>
<option value="440">Lithuania</option>
<option value="442">Luxembourg</option>
<option value="446">Macao</option>
<option value="807">Macedonia, the former Yugoslav Republic of</option>
<option value="450">Madagascar</option>
<option value="454">Malawi</option>
<option value="458">Malaysia</option>
<option value="462">Maldives</option>
<option value="466">Mali</option>
<option value="470">Malta</option>
<option value="584">Marshall Islands</option>
<option value="474">Martinique</option>
<option value="478">Mauritania</option>
<option value="480">Mauritius</option>
<option value="175">Mayotte</option>
<option value="484">Mexico</option>
<option value="583">Micronesia, Federated States of</option>
<option value="498">Moldova, Republic of</option>
<option value="492">Monaco</option>
<option value="496">Mongolia</option>
<option value="499">Montenegro</option>
<option value="500">Montserrat</option>
<option value="504">Morocco</option>
<option value="508">Mozambique</option>
<option value="104">Myanmar</option>
<option value="516">Namibia</option>
<option value="520">Nauru</option>
<option value="524">Nepal</option>
<option value="528">Netherlands</option>
<option value="540">New Caledonia</option>
<option value="554">New Zealand</option>
<option value="558">Nicaragua</option>
<option value="562">Niger</option>
<option value="566">Nigeria</option>
<option value="570">Niue</option>
<option value="574">Norfolk Island</option>
<option value="580">Northern Mariana Islands</option>
<option value="578">Norway</option>
<option value="512">Oman</option>
<option value="586">Pakistan</option>
<option value="585">Palau</option>
<option value="275">Palestinian Territory, Occupied</option>
<option value="591">Panama</option>
<option value="598">Papua New Guinea</option>
<option value="600">Paraguay</option>
<option value="604">Peru</option>
<option value="608">Philippines</option>
<option value="612">Pitcairn</option>
<option value="616">Poland</option>
<option value="620">Portugal</option>
<option value="630">Puerto Rico</option>
<option value="634">Qatar</option>
<option value="638">Réunion</option>
<option value="642">Romania</option>
<option value="643">Russian Federation</option>
<option value="646">Rwanda</option>
<option value="652">Saint Barthélemy</option>
<option value="654">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="659">Saint Kitts and Nevis</option>
<option value="662">Saint Lucia</option>
<option value="663">Saint Martin (French part)</option>
<option value="666">Saint Pierre and Miquelon</option>
<option value="670">Saint Vincent and the Grenadines</option>
<option value="882">Samoa</option>
<option value="674">San Marino</option>
<option value="678">Sao Tome and Principe</option>
<option value="682">Saudi Arabia</option>
<option value="686">Senegal</option>
<option value="688">Serbia</option>
<option value="690">Seychelles</option>
<option value="694">Sierra Leone</option>
<option value="702">Singapore</option>
<option value="534">Sint Maarten (Dutch part)</option>
<option value="703">Slovakia</option>
<option value="705">Slovenia</option>
<option value="90">Solomon Islands</option>
<option value="706">Somalia</option>
<option value="710">South Africa</option>
<option value="239">South Georgia and the South Sandwich Islands</option>
<option value="728">South Sudan</option>
<option value="724">Spain</option>
<option value="144">Sri Lanka</option>
<option value="729">Sudan</option>
<option value="740">Suriname</option>
<option value="744">Svalbard and Jan Mayen</option>
<option value="748">Swaziland</option>
<option value="752">Sweden</option>
<option value="756">Switzerland</option>
<option value="760">Syrian Arab Republic</option>
<option value="158">Taiwan, Province of China</option>
<option value="762">Tajikistan</option>
<option value="834">Tanzania, United Republic of</option>
<option value="764">Thailand</option>
<option value="626">Timor-Leste</option>
<option value="768">Togo</option>
<option value="772">Tokelau</option>
<option value="776">Tonga</option>
<option value="780">Trinidad and Tobago</option>
<option value="788">Tunisia</option>
<option value="792">Turkey</option>
<option value="795">Turkmenistan</option>
<option value="796">Turks and Caicos Islands</option>
<option value="798">Tuvalu</option>
<option value="800">Uganda</option>
<option value="804">Ukraine</option>
<option value="784">United Arab Emirates</option>
<option value="826">United Kingdom</option>
<option value="858">Uruguay</option>
<option value="860">Uzbekistan</option>
<option value="548">Vanuatu</option>
<option value="862">Venezuela, Bolivarian Republic of</option>
<option value="704">Viet Nam</option>
<option value="92">Virgin Islands, British</option>
<option value="850">Virgin Islands, U.S.</option>
<option value="876">Wallis and Futuna</option>
<option value="732">Western Sahara</option>
<option value="887">Yemen</option>
<option value="894">Zambia</option>
<option value="716">Zimbabwe</option>
<option value = "900">************************************************************</option>
</select>
</CENTER>
</tr>
<tr>
<td><INPUT STYLE="font-size:20px" TYPE="SUBMIT" VALUE="Next" align="center" VALUE="Refresh"></td>
<script type="text/javascript">
function poponload()
{
var Name = document.getElementById("TxtName").value;
var Organization = document.getElementById("Organization").value;
var Organization1 = document.getElementById("Organization1").value;
var Sponser = document.getElementById("Sponser").value;
var Sponser1 = document.getElementById("Sponser1").value;
var reason = document.getElementById("reason").value;
var reason1 = document.getElementById("reason1").value;
var Country = document.getElementById("Country").value;
var res = Name + "=" + Organization + "=" + Organization1 + "=" + Sponser + "=" + Sponser1 + "=" + reason + "=" + reason1 + "=" + Country;
testwindow = window.open("popup.html"+'?'+res, "mywindow", "location=0,status=0,scrollbars=0,width=700,height=500");
testwindow.moveTo(500, 300);
}
</script>
type="text/javascript"
checkEnter(event)
{
[COLOR=#CC0000][b]Do something with the scanned information[/b][/color]
}
<script>
</script>
</tr>
</font>
</TABLE>
</FORM>
<br />
<br />
<HR COLOR=BLUE WIDTH=75%>
</BODY>
</HTML>
[/indent]
Is this a possible? or maybe someone can suggest a better way of doing it, I have exhausted every other method I have in my brain
Any help would be appreciated.
Thanks
--Rick