Taking input on a hidden text field?? Can it be done?? 1

rekcut01 · Jul 2, 2014

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

spamjim · Jul 2, 2014

Can you better explain what this hand scanner is and how it interfaces with a web page? I'm already confused by the use of <FONT FACE="COMIC Sans MS"> and the instances of <br /> in the <HEAD>.

rekcut01 · Jul 2, 2014

spamjim,

Its nohing more than a STDIN device, it acts just like a HID keyboard except it appends a C/R onto the end of what it scans. I have a bar code on the visitors badge I create, so when they scan themselves out my function takes the number, searches thru an Excel spread sheet to find that number then puts a time and date stamp in the column beside it. As far as the Font Face, it was just an example I found of a way to make the title bigger, and the <br /> was just used to position thing on the page. I'm kinda new to html so I'm sure there is a better way of doing this. You know when you tell your boss that you 'know' how to script they throw something on you that I had very little experience in.

anyway, hope that helps.

any help would be appreciated.

--Rick

ChrisHirst · Jul 2, 2014

The element you are trying to 'position' "<TITLE>HP Security</TITLE>" does not actually appear on the visible page, the <title> is what is show in the browser title bar, which is the bit at the very top, above the toolbars and menu bar.

You know when you tell your boss that you 'know' how to script they throw something on you that I had very little experience in.

Trying to make yourself indispensable rarely works, you just get more crap for the same money.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum

rekcut01 · Jul 3, 2014

Let me be more clear Chris, I have little experience in HTML... lots of experience in other languages...

ChrisHunt · Jul 7, 2014

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.

No. It doesn't work like that. When you send a web page to a client, you send the whole page - you can't send half of it, wait for some kind of input, and then send the other half (well, you can, but it's really complicated).

So what you'd need to do is send the whole page, and include some javascript code that will interact with your scanner. It's more a problem for forum216 or maybe forum1600 than it is for us here, it's also a complex problem for a beginner.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

spamjim · Jul 7, 2014

Because of the complexity of the topic and the inexperience with HTML, I would recommend that you simply use the page as it is and include a "visitor" button/link on the page. The link could offer a second page that includes the necessary fields for an unregistered user.

There are too many other hiccups on this page that will affect you before you even get to this advanced functionality you intend. Just for example...

Code:

"c:\xampp\cgi-bin\IDSSlogo.bmp"

[ul]
[li]This needs to be a HTTP served file, not a local resource on the C:\ drive.[/li]
[li]BMP is an inefficient image format. Try converting to JPG/GIF/PNG[/li]
[/ul]

You may benefit from running your page through a HTML validation service to get some ideas for improvement.

http://validator.w3.org/

rekcut01 · Jul 8, 2014

Actually, I resolved the problem.... but thanks for the insults... ummmm I mean help....

<HTML>

<HEAD>
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<TITLE>HP Security</TITLE>

</HEAD>



<BODY onLoad="document.CheckIn.scriptBox.focus();">

<FORM method=post action='' name="CheckIn">
<CENTER><input id="scriptBox" type="text" onkeypress="return runScript(event)" /></CENTER>

</FORM>

<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="Main" action='javascript

oponload()' onsubmit="location.reload()">

<TABLE>
<div style="text-align:left;font-size=18px; ">
<label for"TxtName">Name:</label><INPUT STYLE="font-size:18;height:30;width:450;" TYPE="TEXT" id="TxtName" align="center" value="Click here and insert name" 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>

<script type="text/javascript">
function runScript(e)
{
if (e.keyCode == 13)
{
var badgeNum = document.getElementById("scriptBox").value;
if (badgeNum == "")
{
alert(badgeNum);
document.getElementById("TxtName").focus();
return false;
}
else
{
//alert(badgeNum);
var ctr = 0;
var searchPhrase = document.getElementById('scriptBox').value;
var Worksheet = 'C:\\users\\tuckerri\\desktop\\Report.xls';
var Excel = new ActiveXObject('Excel.Application');

Excel.Visible = false;
var Excel_file = Excel.Workbooks.Open(Worksheet, null, true, null,
null, null, true, null, null, false, false, null, null, null);

var range = Excel_file.ActiveSheet.Range('G:G');
var jsRangeArray = new VBArray(range.Value).toArray();
var found = false;

for(cells in jsRangeArray)
{
ctr = ctr + 1;
if(jsRangeArray[cells] == searchPhrase)
{
found = true;
alert(ctr);
//ExcelSheet.ActiveSheet.Cells(ctr,8).Value = searchPhrase;
ExcelSheet.ActiveSheet.Cells(1,1).Value = "is this here?";
ExcelSheet.SaveAs("C:\\users\\tuckerri\\desktop\\Report.xls");
Excel.ActiveWorkbook.Close(true);
Excel.Application.Quit();
Excel = null;
alert(found);
}
}

if(found == false)
{
found = false;
alert(found);
}

//Excel.ActiveWorkbook.Close(true);
//Excel.Application.Quit();
//Excel = null;
}
}
}

</script>
</tr>
</font>

</TABLE>
</FORM>
<br />
<br />

<HR COLOR=BLUE WIDTH=75%>

</BODY>

</HTML>

spamjim · Jul 8, 2014

thanks for the insults... ummmm I mean help....

I'm assuming that is just a very lame joke. If you thought that you were insulted because you were freely given advice then you may be visiting the wrong forum.

1DMF · Jul 10, 2014

Taking input on a hidden text field?? Can it be done??

short answer - no

However, you could either make it visible to allow input by changing the type attribute, though why have an input of [type=hidden], if you don't want it hidden?

Did you mean not visible or [type=hidden] you can't have an input of both [type=text] and [type=hidden]

If it's [type=hidden] you could show another input, take the value and update the hidden input's value.

Either way a user cannot interact with a control they cannot see. (excluding making things the same colour as the background!)

"In complete darkness we are all the same, it is only our knowledge and wisdom that separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!"
Free Electronic Dance Music

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Taking input on a hidden text field?? Can it be done?? 1

rekcut01

Programmer

spamjim

Instructor

rekcut01

Programmer

ChrisHirst

IS-IT--Management

rekcut01

Programmer

ChrisHunt

Programmer

spamjim

Instructor

rekcut01

Programmer

spamjim

Instructor

1DMF

Programmer

Similar threads

Part and Inventory Search

Sponsor