?
Solved

problem with form field with value cursor position when clicked.

Posted on 2010-09-23
8
Medium Priority
?
219 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 Comments
 
LVL 22

Accepted Solution

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


0
 
LVL 57

Assisted Solution

by:HainKurt
HainKurt earned 500 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
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
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 1000 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 500 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

801 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