iLTC Home
Bookmark iLTC!

Categories

Perl
  • Perl Tutorials Beginners

    • Javascript
  • Javascript Tutorials
  • Javascript Tutorials Beginners

    • HTML
  • HTML Tutorials

    • Command Line
  • Command Line Tutorials

    • How Tos
  • Other Tips and Tricks



    		•

    #!/usr/bin/perl
    1724578

    		iLoveTheCode.com

    Javascript Focus Form Field

    <form name=aaa>
    This is GGG: <input type=text name=ggg><br>
    This is HHH: <input type=text name=hhh>
    </form>

    <script type="text/javascript">

    function dofo() {
    document.aaa.hhh.focus();
    }

    </script>

    <body onLoad=dofo()>


    -We create an HTML form and name it aaa because that is easy to type and remember.
    -We name our first text field ggg because we have a cat named G
    -We name our second text field hhh because we want to.
    -We write a little function and call it dofo because we think that is a clever name.
    -document.aaa.hhh.focus();
    ---document - is the object we are manipulating, this page.
    ---aaa - is our form name.
    ---hhh - is the element name we want to place the focus on.
    ---focus() is a built-in Javascript method that places focus, the cursor in this instance.
    -We call the function in our HTML body tag using onLoad.

    When the page with this script loads, the cursor will be in the second text field, hhh.


    Free Copy and Paste Javascript Code:

    <script type="text/javascript">
    <!--

    function dofo() {
    document.aaa.hhh.focus();
    }

    -->
    </script>

    <body onLoad=dofo()>

    <form name=aaa>
    This is GGG: <input type=text name=ggg><br>
    This is HHH: <input type=text name=hhh>
    </form>



    Resources:
    HTML Forms
    Write a Function
    Call a Function
    HTML Body Tag

    Make Text Lowercase
    Make Text Uppercase
    Make Text Superscript Using Javascript
    Make Text Subscript Using Javascript
    Make Text Bold Using Javascript
    Italic Text in Javascript


    HTML Tags
    HTML Color Chart
    HTML Codes




    Previous Article: Javascript Lowercase Text
    Next Article: Opening a REMOTE WINDOW in Javascript


    Search iLTC w/ Google




    Recent Articles

  • HTML Font Code
  • Javascript and CSS - Easy Pop Up Help Balloons
  • Use OnMouseOver in Javascript
  • Use onMouseOut in Javascript
  • Use innerHTML to Change Text on a Page
  • Renaming a File with Perl's RENAME Function
  • PRINT to Browser with document.write Command in Javascript
  • Passing an Argument or Variable to a Javascript
  • Opening an Alert Box in Javascript
  • Opening a REMOTE WINDOW in Javascript
  • OPEN and WRITE a Data File in Perl
  • OPEN and READ a Data File in Perl
  • Mimic Typing from a Textfield in a Textarea with Javascript
  • Javascript Reset Form








    • Perl Programming - Javascript Programming - HTML Code - Mac Unix Command Line - Maybe Some PHP - Free Scripts - ILoveTheCode
    All Content © 2006-2009 iLoveTheCode.com

    Contact Chris | About this Site


    1724303
    Counter by iLoveTheCode.com


    Last Modified: Saturday, 10-Jan-2009 05:40:24 EST



    Hosted as well :)
    Home-brewed logo - 1997