Solved

problem with form field with value cursor position when clicked.

Posted on 2010-09-23
8
206 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
 
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

863 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now