SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Jul 2010
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem in using enter key

    Good day!

    I created a login page and I have the username which is a textbox type, department and i use option and a submit button..

    I want that when i open my webpage automaticallt the cursor was on the textbox and when i am done in typing my username and i press the enter key the focus would be on the option which where i can choose my department and when i am done choosing my department and i press the enter key i automatic login and go to the department page.

    Here is the code:
    PHP Code:
    <?php  
    session_start
    (); 
    //require_once 'conn.php';  
    $db_name="dspi"

    mysql_connect("localhost""root""") or die("Cannot connect to server");
    mysql_select_db("$db_name")or die("Cannot select DB");   


            
    $department mysql_real_escape_string($_POST['department']);   
            
    $username mysql_real_escape_string($_POST['username']); 

            
    $sql=mysql_query("SELECT `Department`, `Username` FROM `tbllogin` WHERE `Department` = '{$department}' AND Username = '{$username}'") or die(mysql_error()); 
            
    $ct mysql_num_rows($sql); 
         
            if(
    $ct == 1) { 
                
    $row mysql_fetch_assoc($sql);  
             
                if(
    $row['Department']=='Accounting') { 
                    
    header('location: Company.php'); 
                } elseif(
    $row['Department']=='Engineering') { 
                    
    header('location: Company.php'); 
                } elseif(
    $row['Department']=='Finishing_Goods') { 
                    
    header('location: Company.php'); 
                } elseif(
    $row['Department']=='HRAD') { 
                    
    header('location: Company.php'); 
                } elseif(
    $row['Department']=='MIS') { 
                    
    header('location:Company.php'); 
                } elseif(
    $row['Department']=='Packaging_and_Design') { 
                    
    header('location:Company.php'); 
                } elseif(
    $row['Department']=='Production') { 
                    
    header('location:Company.php'); 
                } elseif(
    $row['Department']=='Purchasing_Logistic') { 
                    
    header('location:Company.php'); 
                } elseif(
    $row['Department']=='QA_and_Technical') { 
                    
    header('location:Company.php'); 
                } elseif(
    $row['Department']=='Supply_Chain') { 
                    
    header('location:Company.php'); 
                } 
                else {
                    
    header('location:dspi_login.php');
                    echo
    "Incorrect Username or Department"
                    
                    }  
        }
    ?> 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Login</title>
    <script> 
            function searchKeyPress(e) 
            { 
                    // look for window.event in case event isn't passed in 
                    if (window.event) { e = window.event; } 
                    if (e.keyCode == 13) 
                    { 
                            document.getElementById('submit').focus(); 
                    } 
            } 
            </script>
    <style type="text/css"> 
    <!--
    BODY { 
    background-image: url(layout_image/bgroundv09.png);
    background-attachment: fixed; 

    #Dept_Frame {
        position:absolute;
        width:229px;
        height:49px;
        z-index:1;
        left: 441px;
        top: 262px;
    }
    #Department_Option {
        position:absolute;
        width:186px;
        height:32px;
        z-index:2;
        left: 455px;
        top: 275px;
    }
    #Submit_Frame {
        position:absolute;
        width:82px;
        height:35px;
        z-index:3;
        left: 516px;
        top: 320px;
    }
    #Submit_Button {
        position:absolute;
        width:60px;
        height:29px;
        z-index:4;
        left: 525px;
        top: 328px;
    }
    #Username_ImageText {
        position:absolute;
        width:130px;
        height:55px;
        z-index:5;
        left: 319px;
        top: 208px;
    }
    #User_Frame {
        position:absolute;
        width:230px;
        height:46px;
        z-index:6;
        left: 441px;
        top: 216px;
    }
    #Username_Textbox {
        position:absolute;
        width:182px;
        height:23px;
        z-index:7;
        left: 457px;
        top: 228px;
    }
    --> 
    </style>  
    </head>
    <body>
    <form id="form1" name="form1" method="post" action="">
      <div id="Department_Option">
        <select name="department" onkeypress="searchKeyPress(event);">
          <option>Choose your Department. . . . . . </option>
          <option value="Accounting" <?php if($_POST['department'] == 'Accounting') echo "selected='selected'"?>>Accounting</option>
          <option value="Engineering" <?php if($_POST['department'] == 'Engineering') echo "selected='selected'"?>>Engineering</option>
          <option value="Finishing_Goods" <?php if($_POST['department'] == 'Finishing_Goods') echo "selected='selected'"?>>Finishing Goods</option>
          <option value="HRAD" <?php if($_POST['department'] == 'HRAD') echo "selected='selected'"?>>HRAD</option>
          <option value="MIS" <?php if($_POST['department'] == 'MIS') echo "selected='selected'"?>>MIS</option>
          <option value="Packaging_and_Design" <?php if($_POST['department'] == 'Packaging_and_Design') echo "selected='selected'"?>>Packaging and Design</option>
          <option value="Production" <?php if($_POST['department'] == 'Production') echo "selected='selected'"?>>Production</option>
          <option value="Purchasing_Logistic" <?php if($_POST['department'] == 'Purchasing_Logistic') echo "selected='selected'"?>>Purchasing and Logistics</option>
          <option value="QA_and_Technical" <?php if($_POST['department'] == 'QA_and_Technical') echo "selected='selected'"?>>QA and Technical</option>
          <option value="Supply_Chain" <?php if($_POST['department'] == 'Supply_Chain') echo "selected='selected'"?>>Supply Chain</option>
        </select>
      </div>
      <div id="Submit_Button">
        <input type="Submit" name="submit" value="Submit" id="submit" onclick="doSomething();"/>
      </div>
      <div id="Dept_Frame"><img src="layout_image/subframev02.png" width="229" height="50" /></div>
      <div id="Submit_Frame"><img src="layout_image/subframev02.png" width="80" height="46" /></div>

    <div id="Username_ImageText"><img src="layout_image/userv01.png" width="131" height="62" /></div>
    <div id="User_Frame"><img src="layout_image/subframev02.png" width="229" height="50" /></div>
    <div id="Username_Textbox">
      <input name="username" type="text" size="30" />
    </div>
    </form>
    </body>

    </html>

  2. #2
    Non-Member Kalon's Avatar
    Join Date
    Aug 2010
    Location
    At my computer
    Posts
    2,012
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you can use .focus() and tabindex to set the cursor on an element on page load and to then tab from one element to another.


Bookmarks

Posting Permissions

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