Solved

problem with form field with value cursor position when clicked.

Posted on 2010-09-23
8
207 Views
Last Modified: 2012-05-10
I have a form. The text fields have a value in them. I want the user to be able to edit the existing value. But in IE, when they click on the form field, the cursor goes to the start of value that was entered. You have to use the right arrow key to move the cursor to be able to add an additional value.

This doesn't seem to happen in Firefox. Is this just an IE issue, or is there a fix.  
This is an excerpt of the code: 

<body   topmargin="0" >
<form method="post" name="FormBox2" action=/demo/user/control_panel.php enctype="multipart/form-data" target="_self" >
<center><table width="960" border="0" cellspacing="0" >
<tr>
	<td colspan="4" width="960" valign="top">
	<center><a href='index.php' style="	border: none; 	text-decoration: none;"><img src="http://www.somesite.com/user_images/ConstructionGuys.jpg" alt="" style="margin-left:140px; border: none; 	text-decoration: none; "></a><h1>My Site</h1></center> </td>
</tr>
<tr>
	<td id="hdline" colspan="4"><center><h2>Control Panel</h2></td>
</tr>
<td colspan="4" ><tr><td colspan="4" valign="top" class="namesSub" align="right"><center><br><br><h3>EDIT SUB CATEGORIES FOR </h3></td></tr><tr><td valign="top" class="namesSub" ><input type="text" name="subcategory4[109]" value="ASBESTOS 111" size="25" maxlength="80" ></td>
			<td valign="top" class="namesSub" ><span style="font-size: 16px; font-style: italic; margin-top:0px; margin-bottom: 0px;">Email&nbsp;&nbsp;&nbsp;</td>
			<td valign="top" class="namesSub" colspan="2" style="text-align: left;"><select name='subemail4[109]'>
	  <option value="" >CHOOSE EMAIL ADDRESS</option>	<option value="hello@goodby.com" >hello@goodby.com - Telus</option>	<option value="foo@somedomain.com" selected>foo@somedomain.com - Primax</option>	<option value="supplier@testtest.com" >supplier@testtest.com - Home Depot</option>	<option value="birwn@suddensales.com" >foo@somedomain.com - Canadian Enterprises</option></select>
			</tr><tr><td valign="top" class="namesSub" ><input type="text" name="subcategory4[110]" value="BUILDING 222" size="25" maxlength="80" ></td>
			<td valign="top" class="namesSub" ><span style="font-size: 16px; font-style: italic; margin-top:0px; margin-bottom: 0px;">Email&nbsp;&nbsp;&nbsp;</td>
			<td valign="top" class="namesSub" colspan="2" style="text-align: left;"><select name='subemail4[110]'>
	  <option value="" >CHOOSE EMAIL ADDRESS</option>	<option value="hello@goodby.com" >hello@goodby.com - Telus</option>	<option value="foo@somedomain.com" selected>foo@somedomain.com - Primax</option>	<option value="supplier@testtest.com" >supplier@testtest.com - Home Depot</option>	<option value="foo@somedomain.com" >foo@somedomain.com - Canadian Enterprises</option></select>
			</tr><tr><td valign="top" class="namesSub" ><input type="text" name="subcategory4[111]" value="CURBS 88888 Pavement" size="25" maxlength="80" ></td>

Open in new window

form-problem-IE.jpg
0
Comment
Question by:birwin
8 Comments
 
LVL 22

Accepted Solution

by:
Ivo Stoykov earned 250 total points
ID: 33751490
Perhaps you have some javascript. For it works fine and there is no cursor jumping...


0
 
LVL 51

Assisted Solution

by:HainKurt
HainKurt earned 125 total points
ID: 33751511
i do not have that issue with IE 8...
0
 
LVL 6

Author Comment

by:birwin
ID: 33751641
That is strange. I had a small jQuery statement in the head that ask for a validation if the selected DELETE. I removed it, and jQuery, and still got the same result.
I am using IE8 on a Window7 64 bit laptop.
It may be a corruption of my individual browser. I'll try it on my wife's computer and see if I get the same result.
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 6

Author Comment

by:birwin
ID: 33751747
This is too bizare. I tried to select the type in one of the form fields and got this error symbol. I have never seen this before. (see image)
form-error-message.jpg
0
 
LVL 22

Assisted Solution

by:Ivo Stoykov
Ivo Stoykov earned 250 total points
ID: 33751995
try competible mode
0
 
LVL 6

Author Comment

by:birwin
ID: 33752217
I am not sure what you mean
0
 
LVL 8

Assisted Solution

by:dmeeren
dmeeren earned 125 total points
ID: 33752697
Behind the adress bar you have a paper sign, thats for compatible mode
0
 
LVL 6

Author Closing Comment

by:birwin
ID: 33818552
Thanks for participating. My problem turned out to be an open anchor in an inclued.  I didn't find it quickly, sineI had originally pulled the include from my root directory, and then moved it to the current directory. I had not changed the ../ on all of the includes. Since I knew the include in the current directory was fine, and I missed the ../ infront of the include, I never caught that the old include had the error. I only found it after going line by line over the source code, since the difference was not noticeable to me in the PHP code.
0

Featured Post

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question