Solved

problem with form field with value cursor position when clicked.

Posted on 2010-09-23
8
211 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 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:Huseyin KAHRAMAN
Huseyin KAHRAMAN 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
Technology Partners: 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!

 
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

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.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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…
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.

756 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