Solved

problem with form field with value cursor position when clicked.

Posted on 2010-09-23
8
210 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
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
SSRS 2016 Rendering HTML tables 3 26
REST endpoint query with a parameter 1 16
MyWay Virus 9 27
JS Event Does not Trigger From File 2 25
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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…

840 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