www.webdeveloper.com
Results 1 to 10 of 10

Thread: Focus form field makes cursor shift

  1. #1
    Join Date
    Nov 2003
    Location
    the Netherlands
    Posts
    304

    Exclamation Focus form field makes cursor shift

    I am using a form with several teaxtareas. However, when focussing on a textarea, the cursor shifts to the right. Can someone explain why?

    cheers, Jochem

  2. #2
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    There is white space between the beginning and end tags of the <textarea>s.

  3. #3
    Join Date
    Nov 2003
    Location
    the Netherlands
    Posts
    304
    I'm afraid I don't quite get what you mean. If I put all the coding in one line, the cursor still shifts to the right.

    cheers, Jochem

  4. #4
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Change
    Code:
    <tr><td colspan="2">
            <textarea style="width:624px;" name="experience" rows="6"
                    onKeyDown ="textCounter(this.form.experience,this.form.remLen6,550);"
                    onKeyUp   ="textCounter(this.form.experience,this.form.remLen6,550);">
            </textarea></td></tr>
    to
    Code:
    <tr><td colspan="2">
            <textarea style="width:624px;" name="experience" rows="6" cols="64"
                    onkeydown="textCounter(this,this.form.remLen6,550);"
                    onkeyup="textCounter(this,this.form.remLen6,550);"
            ></textarea></td></tr>
    Other changes:
    • Event names are all lowercase.
    • "this.form.experience" is the same as "this"
    • cols is a required attribute. The CSS width should override it.

  5. #5
    Join Date
    Nov 2003
    Location
    the Netherlands
    Posts
    304
    Thank you Kravvitz for your continuous support. I very much appreciate it.

    I implemented your suggested changes to the "Program Details" textarea, which I use as as a test case. I see what you did to get rid of the white space, but unfortunately it does not seem to have an effect. I tested in IE and FF. What am I doing wrong?

    cheers, Jochem

    Code:
    <tr><td colspan="5">
            <textarea style="width:624px; overflow:hidden;" name="program_comments" rows="6" cols="100"
                      onkeydown="textCounter(this,this.form.remLen1,550);"
                      onkeyup  ="textCounter(this,this.form.remLen1,550);"
            ></textarea></td></tr>
    Last edited by jochem; 10-04-2005 at 03:59 PM.

  6. #6
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Please update the page that you linked to in your initial post.

  7. #7
    Join Date
    Nov 2003
    Location
    the Netherlands
    Posts
    304
    Sorry, it's done now. I was testing locally.

  8. #8
    Join Date
    Nov 2003
    Location
    the Netherlands
    Posts
    304
    And it works! Great, case closed!

  9. #9
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Quote Originally Posted by jochem
    I was testing locally.
    I assumed that.

    Quote Originally Posted by jochem
    And it works! Great, case closed!
    You only changed the first two <textarea>s. The other 4 need fixing as well.

  10. #10
    Join Date
    Nov 2003
    Location
    the Netherlands
    Posts
    304
    Done already offline. I'm off to bed now. Thanx again for your help.

    cheers, Jochem

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles