SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Mar 2011
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Error using onchange in select tag on js and php

    Hi,


    Can anyone help with my Error.

    Just to give an idea on my objective.

    I have an user level that a user can choose between "User","Support" and "Admin" Level. If the user choose "Admin" my <div id='userlevel'> will become hidden and vise versa of the level.

    I have tested it on Html and js code it work just fine, but my error begun upon inserting it on php.
    My error on my page said " 'selectmenu' is null or not an object".
    Can anyone help me with this i'm really desperate on this.
    Thanks a lot.


    This is my html and js code
    Code HTML4Strict:
    <html>
    <head>
    <form >
    <select id="mymenu" size="1" >
    <option value="nothing">Select a site</option>
    <option value="User">User</option>
    <option value="Support">Support</option>
    <option value="Admin">Admin</option>
    </select>
    <div id="level">
    <table border=1>
    <tr>
    <td>Sample</td>
    </tr>
    </table>
    </div>
    </form>
     
    <script type="text/javascript">
     
    var selectmenu=document.getElementById("mymenu")
    selectmenu.onchange=function(){ //run some code when "onchange" event fires
     var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
     if (chosenoption.value=="Admin"){
     //alert('Did I mention I had a guestbook? Well SIGN IT!');  //open target site (based on option's value attr) in new window
     document.getElementById('level').style.visibility = 'hidden'; 
     }else if(chosenoption.value=="Support"){
      document.getElementById('level').style.visibility = 'visible'; 
     }else if(chosenoption.value=="User"){
      document.getElementById('level').style.visibility = 'visible'; 
     }
    }
     
    </script>
     
    </html>

    My viewsource page
    Code HTML4Strict:
     
    	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    	<html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<title>Edit User</title>
    	<link href="css/mystyle.css" rel="stylesheet" type="text/css"/>
    	<script src="jquery\jquery.min.js"></script>
    <script type="text/javascript" src="jquery\jquery.validate.js"></script> 
     
     <script>
      $(document).ready(function(){
     
    	$.validator.addMethod("noSpecialChars", function(value, element) {
    		  return this.optional(element) || /^[a-z0-9\_]+$/i.test(value);
    	  }, "<font size='3' color='#FF0000'>Username must contain only letters, numbers, or underscore.</font>");
     
        $("#edit").validate({
    	  rules: {
    		pass: "required",
    		rpass: {
    		  equalTo: "#pass"
    		},
     
    		fname:"required",
    		lname:"required",
    		email:"required email",
    		dept:"required",
    		userlvl:"required"
    	  }
     
    	});
      });
      </script>
    <script type="text/javascript">
     
    var selectmenu=document.getElementById("ulvl")
    selectmenu.onchange=function(){ //run some code when "onchange" event fires
     var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
     if (chosenoption.value=="Admin"){
      document.getElementById('userlevel').style.visibility = 'hidden'; 
     }else if(chosenoption.value=="Support"){
      document.getElementById('userlevel').style.visibility = 'visible'; 
     }else if(chosenoption.value=="User"){
      document.getElementById('userlevel').style.visibility = 'visible'; 
     }
    }
     
    </script>
     <style type="text/css">
    body {
     
    font-family: arial; /* you need some backups here */
    font-size: 17px;
     
    }
    </style> 
    </head>
    <body>
    <br/>
    <br/>
    <p>		
    <table BORDERCOLOR="#0B0B0B" border='1' bgcolor="#F5F5FA" width="70%" align='center'  >
    <tr>
    	<td width="100%" align="left" valign="middle">
    		<img src='img/editprofile.png'>
    	</td>
    </tr>
    <tr>
    <td width="100%" align='center' >
     
    	<table>
    	<form method='post' id='edit' name='edit' action='edituser.php?UserName=Alphee' onSubmit="javascript: var x=window.confirm('Do you wan\'t to save this User?');if (!x) return(false);">
    	<tr>
    		<input type='hidden' value=Alphee name='uname'>
    		<td align='right'><b>User Name:</b></td>	
    		<td align='left'>Alphee</td>
    	</tr>
    	<tr>
    		<td align='right'><b>First Name:</b></td>
    		<td align='left'><input type='text' id='fname' value='Alphee' name='fname'></td>
    	</tr>
    	<tr>
    		<td align='right'><b>Last Name:</b></td>
    		<td align='left'><input type='text' id='lname'  value='Saspa' name='lname'></td>
    	</tr>	
    	<tr>
    		<td align='right'><b>Email Address:</b></td>
    		<td align='left'><input type='text' size='35' id='email' value='myemail.com' name='email'></td>
    	</tr>
    	<tr>
    		<td align='right'><b>Department:</b></td>
    		<td align='left'>
    		<select name='dept' tabindex='8'><option >MIS</option><option >Acct</option><option >HR</option></select>		</td>
    	</tr>
    	<tr>
    		<td  align='right'><b>User Level:</b></td>
    		<td align='left'>
    		<select class='ulvl' id='ulvl' name='ulvl' tabindex='9' ><option Selected=Selected>User</option><option value='User'>User</option><option value='Support'>Support</option><option value='Admin'>Admin</option></select></td></tr></table><div class='userlevel' id='userlevel'><tr><td align='center'><b>User Access</b></td></tr><tr><td><input type='checkbox' name='CreateTicket'>Create Ticket<br><input type='checkbox' name='AddUser' >Add User<br><input type='checkbox' name='EditProfile' >Edit/Delete User<br><input type='checkbox' name='ResetPass'>Reset Password<br><input type='checkbox' name='Department'>Add Department<br><input type='checkbox' name='Category'>Add Category<br><input type='checkbox' name='SubCategory'unchecked>Add Sub-Category</td></tr></div>	<tr>
    		<td align='center' >
    		<input type='submit' value='Save' name='save' title='Save User'>
    		</td>
    	</tr>
    	</form>
    </td>	
     
     
    </tr>	
    </table>
     
    	</body>
    	</html>

    My Actual page with js and php
    Code PHP:
    <?php
    session_start();
    if(isset( $_SESSION['username'])){
    include_once("conn.php");	
    ?>
    	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    	<html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<title>Edit User</title>
    	<link href="css/mystyle.css" rel="stylesheet" type="text/css"/>
    	<script src="jquery\jquery.min.js"></script>
    <script type="text/javascript" src="jquery\jquery.validate.js"></script> 
     
     <script>
      $(document).ready(function(){
     
    	$.validator.addMethod("noSpecialChars", function(value, element) {
    		  return this.optional(element) || /^[a-z0-9\_]+$/i.test(value);
    	  }, "<font size='3' color='#FF0000'>Username must contain only letters, numbers, or underscore.</font>");
     
        $("#edit").validate({
    	  rules: {
    		pass: "required",
    		rpass: {
    		  equalTo: "#pass"
    		},
     
    		fname:"required",
    		lname:"required",
    		email:"required email",
    		dept:"required",
    		userlvl:"required"
    	  }
     
    	});
      });
      </script>
    <script type="text/javascript">
     
    var selectmenu=document.getElementById("ulvl")
    //this is where i got an error
    selectmenu.onchange=function(){ //run some code when "onchange" event fires
     var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
     if (chosenoption.value=="Admin"){
      document.getElementById('userlevel').style.visibility = 'hidden'; 
     }else if(chosenoption.value=="Support"){
      document.getElementById('userlevel').style.visibility = 'visible'; 
     }else if(chosenoption.value=="User"){
      document.getElementById('userlevel').style.visibility = 'visible'; 
     }
    }
     
    </script>
     <style type="text/css">
    body {
     
    font-family: arial; /* you need some backups here */
    font-size: 17px;
     
    }
    </style> 
    </head>
    <body>
    <br/>
    <br/>
    <p>		
    <table BORDERCOLOR="#0B0B0B" border='1' bgcolor="#F5F5FA" width="70%" align='center'  >
    <tr>
    	<td width="100%" align="left" valign="middle">
    		<img src='img/editprofile.png'>
    	</td>
    </tr>
    <tr>
    <td width="100%" align='center' >
    <?php
    if(isset($_POST['save'])){
    		//User Access
    		if(isset($_POST['CreateTicket'])){
    		$CreateTicket='1';
    		}else{
    		$CreateTicket='0';
    		}
    		if(isset($_POST['AddUser'])){
    		$AddUser='1';
    		}else{
    		$AddUser='0';
    		}
    		if(isset($_POST['Department'])){
    		$Department='1';
    		}else{
    		$Department='0';
    		}
    		if(isset($_POST['Category'])){
    		$Category='1';
    		}else{
    		$Category='0';
    		}
    		if(isset($_POST['SubCategory'])){
    		$SubCategory='1';
    		}else{
    		$SubCategory='0';
    		}
    		if(isset($_POST['EditProfile'])){
    		$UserEdit='1';
    		}else{
    		$UserEdit='0';
    		}
    		if(isset($_POST['ResetPass'])){
    		$PassReset='1';
    		}else{
    		$PassReset='0';
    		}
    mssql_query("sp_edituser @lname='$_POST[lname]',@fname='$_POST[fname]',@upby='$_SESSION[username]',@uname='$_POST[uname]',@userlevel='$_POST[ulvl]',@email='$_POST[email]',@department='$_POST[dept]',@Cticket='$CreateTicket',@AddUser='$AddUser',@adept='$Department',@acat='$Category',@asubcat='$SubCategory',@edituser='$UserEdit',@pass='$PassReset'");
    	mssql_close($con);
    		echo "<b><p align='center'><font color='#F0000' size='3'>User has been edit.</font></p></b>";
    	}
     
    	$d=mssql_query("Select * from vw_dept");
     
    	$lvl=mssql_query("spvw_userlevel @username='$_GET[UserName]' ");
    	//$lvl=mssql_query("Select UserLevel from tblUser where UserName='$_GET[UserName]'");
    	$row=mssql_fetch_array(mssql_query("spview_edituser @username='$_GET[UserName]'"));
    //print "<meta http-equiv='refresh' content='=2;Viewuser.php'/>";	
     
    ?>
     
    	<table>
    	<form method='post' id='edit' name='edit' action='edituser.php?UserName=<?php echo $row['UserName'];?>' onSubmit="javascript: var x=window.confirm('Do you wan\'t to save this User?');if (!x) return(false);">
    	<tr>
    		<input type='hidden' value=<?php echo $row['UserName'];?> name='uname'>
    		<td align='right'><b>User Name:</b></td>	
    		<td align='left'><?php echo $row['UserName'];?></td>
    	</tr>
    	<tr>
    		<td align='right'><b>First Name:</b></td>
    		<td align='left'><input type='text' id='fname' value='<?php  echo $row['Firstname'];?>' name='fname'></td>
    	</tr>
    	<tr>
    		<td align='right'><b>Last Name:</b></td>
    		<td align='left'><input type='text' id='lname'  value='<?php  echo $row['Lastname'];?>' name='lname'></td>
    	</tr>	
    	<tr>
    		<td align='right'><b>Email Address:</b></td>
    		<td align='left'><input type='text' size='35' id='email' value='<?php echo $row['Email'];?>' name='email'></td>
    	</tr>
    	<tr>
    		<td align='right'><b>Department:</b></td>
    		<td align='left'>
    		<?php
     
    			echo "<select name='dept' tabindex='8'>";
    			while($dept=mssql_fetch_array($d)){
    				echo "<option ";
    				if ($row['dept']==$dept['DeptName']) echo "Selected=Selected";
    				echo ">".$dept['DeptName']."</option>";
    			}
    				echo '</select>';
    		?>
    		</td>
    	</tr>
    	<tr>
    		<td  align='right'><b>User Level:</b></td>
    		<td align='left'>
    		<?php echo "<select class='ulvl' id='ulvl' name='ulvl' tabindex='9' >";
    			while($level=mssql_fetch_array($lvl)){
    				echo "<option ";
    				if ($row['UserLevel']==$level['UserLevel']) echo "Selected=Selected";
    				echo ">".$level['UserLevel']."</option>";
     
    			}
    			echo "<option value='User'>User</option>";
    				echo "<option value='Support'>Support</option>";
    				echo "<option value='Admin'>Admin</option>";
    				echo '</select>';
     
    		echo "</td>";
    	echo "</tr>";
     
    	echo "</table>";
    		if($UserAccess=mssql_fetch_array(mssql_query("sp_useraccess @username='$_GET[UserName]',@userlevel='Admin'"))){
    	echo "<div class='userlevel' id='userlevel'>";
    	echo "<tr>";
    	echo "<td align='center'>";
    	echo "<b>User Access</b>";
    	echo "</td>";
    	echo "</tr>";
    	echo "<tr>";
    		echo "<td>";
    			echo"<input type='checkbox' name='CreateTicket'";  if(trim($UserAccess[CreateTicket])=='1'){echo 'checked';}echo ">Create Ticket<br>";
    			echo "<input type='checkbox' name='AddUser' "; if(trim($UserAccess[AddUser])=='1'){echo 'checked';}echo">Add User<br>";
    			echo "<input type='checkbox' name='EditProfile' ";if(trim($UserAccess[AEditUser])=='1'){echo 'checked';}echo">Edit/Delete User<br>";
    			echo "<input type='checkbox' name='ResetPass'"; if(trim($UserAccess[APass])=='1'){echo 'checked';} echo">Reset Password<br>";
    			echo "<input type='checkbox' name='Department'"; if(trim($UserAccess[ADept])=='1'){echo 'checked';} echo">Add Department<br>";
    			echo "<input type='checkbox' name='Category'";  if(trim($UserAccess[ACat])=='1'){echo 'checked';}echo">Add Category<br>";
    			echo "<input type='checkbox' name='SubCategory'";  if(trim($UserAccess[ASubCat])=='1'){echo 'checked';}else{ echo 'unchecked';}echo">Add Sub-Category";
     
    		echo "</td>";
    	echo "</tr>";
    	echo "</div>";
    	}
    	?>
    	<tr>
    		<td align='center' >
    		<input type='submit' value='Save' name='save' title='Save User'>
    		</td>
    	</tr>
    	</form>
    </td>	
     
     
    </tr>	
    </table>
     
    	</body>
    	</html>
    <?php
    }else{ //not logged in
        header('location: login.php');
    }
    ?>

  2. #2
    Under Construction silver trophybronze trophy AussieJohn's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    776
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    var selectmenu=document.getElementById("ulvl")
    //this is where i got an error
    At that stage the "ulvl" element is not yet on the page. If you add the code for the selectmenu stuff to the document.ready() function or place it at the bottom of the page it should work.
    var details = {
    . . web: "afterlight.com.au",
    . . photos: "jvdl.id.au",
    . . psa: "usethelatestversion.com"
    }

  3. #3
    SitePoint Zealot
    Join Date
    Mar 2011
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the help..
    I tried what you have suggested. it does not have give an error but the it does not give the out put,This is what is have done.
    can you elaborate more..Thanks for the help.

    My code with php and js
    PHP Code:
    <?php
    session_start
    ();
    if(isset( 
    $_SESSION['username'])){
    include_once(
    "conn.php");    
    ?>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>Edit User</title>
        <link href="css/mystyle.css" rel="stylesheet" type="text/css"/>
        <script src="jquery\jquery.min.js"></script>
    <script type="text/javascript" src="jquery\jquery.validate.js"></script> 

     <script>
      $(document).ready(function(){

        $.validator.addMethod("noSpecialChars", function(value, element) {
              return this.optional(element) || /^[a-z0-9\_]+$/i.test(value);
          }, "<font size='3' color='#FF0000'>Username must contain only letters, numbers, or underscore.</font>");
         
        $("#edit").validate({
          rules: {
            pass: "required",
            rpass: {
              equalTo: "#pass"
            },
        
            fname:"required",
            lname:"required",
            email:"required email",
            dept:"required",
            userlvl:"required"
          }
          
        });
      });
      </script>

     <style type="text/css">
    body {

    font-family: arial; /* you need some backups here */
    font-size: 17px;

    }
    </style> 
    </head>
    <body>
    <br/>
    <br/>
    <p>        
    <table BORDERCOLOR="#0B0B0B" border='1' bgcolor="#F5F5FA" width="70%" align='center'  >
    <tr>
        <td width="100%" align="left" valign="middle">
            <img src='img/editprofile.png'>
        </td>
    </tr>
    <tr>
    <td width="100%" align='center' >
    <?php
    if(isset($_POST['save'])){
            
    //User Access
            
    if(isset($_POST['CreateTicket'])){
            
    $CreateTicket='1';
            }else{
            
    $CreateTicket='0';
            }
            if(isset(
    $_POST['AddUser'])){
            
    $AddUser='1';
            }else{
            
    $AddUser='0';
            }
            if(isset(
    $_POST['Department'])){
            
    $Department='1';
            }else{
            
    $Department='0';
            }
            if(isset(
    $_POST['Category'])){
            
    $Category='1';
            }else{
            
    $Category='0';
            }
            if(isset(
    $_POST['SubCategory'])){
            
    $SubCategory='1';
            }else{
            
    $SubCategory='0';
            }
            if(isset(
    $_POST['EditProfile'])){
            
    $UserEdit='1';
            }else{
            
    $UserEdit='0';
            }
            if(isset(
    $_POST['ResetPass'])){
            
    $PassReset='1';
            }else{
            
    $PassReset='0';
            }
    mssql_query("sp_edituser @lname='$_POST[lname]',@fname='$_POST[fname]',@upby='$_SESSION[username]',@uname='$_POST[uname]',@userlevel='$_POST[ulvl]',@email='$_POST[email]',@department='$_POST[dept]',@Cticket='$CreateTicket',@AddUser='$AddUser',@adept='$Department',@acat='$Category',@asubcat='$SubCategory',@edituser='$UserEdit',@pass='$PassReset'");
        
    mssql_close($con);
            echo 
    "<b><p align='center'><font color='#F0000' size='3'>User has been edit.</font></p></b>";
        }
        
        
    $d=mssql_query("Select * from vw_dept");
        
        
    $lvl=mssql_query("spvw_userlevel @username='$_GET[UserName]' ");
        
    //$lvl=mssql_query("Select UserLevel from tblUser where UserName='$_GET[UserName]'");
        
    $row=mssql_fetch_array(mssql_query("spview_edituser @username='$_GET[UserName]'"));
    //print "<meta http-equiv='refresh' content='=2;Viewuser.php'/>";    

    ?>

        <table>
        <form method='post' id='edit' name='edit' action='edituser.php?UserName=<?php echo $row['UserName'];?>' onSubmit="javascript: var x=window.confirm('Do you wan\'t to save this User?');if (!x) return(false);">
        <tr>
            <input type='hidden' value=<?php echo $row['UserName'];?> name='uname'>
            <td align='right'><b>User Name:</b></td>    
            <td align='left'><?php echo $row['UserName'];?></td>
        </tr>
        <tr>
            <td align='right'><b>First Name:</b></td>
            <td align='left'><input type='text' id='fname' value='<?php  echo $row['Firstname'];?>' name='fname'></td>
        </tr>
        <tr>
            <td align='right'><b>Last Name:</b></td>
            <td align='left'><input type='text' id='lname'  value='<?php  echo $row['Lastname'];?>' name='lname'></td>
        </tr>    
        <tr>
            <td align='right'><b>Email Address:</b></td>
            <td align='left'><input type='text' size='35' id='email' value='<?php echo $row['Email'];?>' name='email'></td>
        </tr>
        <tr>
            <td align='right'><b>Department:</b></td>
            <td align='left'>
            <?php
                    
                
    echo "<select name='dept' tabindex='8'>";
                while(
    $dept=mssql_fetch_array($d)){
                    echo 
    "<option ";
                    if (
    $row['dept']==$dept['DeptName']) echo "Selected=Selected";
                    echo 
    ">".$dept['DeptName']."</option>";
                }
                    echo 
    '</select>';
            
    ?>
            </td>
        </tr>
        <tr>
            <td  align='right'><b>User Level:</b></td>
            <td align='left'>
            <?php echo "<select class='ulvl' id='ulvl' name='ulvl' tabindex='9' >";
                while(
    $level=mssql_fetch_array($lvl)){
                    echo 
    "<option ";
                    if (
    $row['UserLevel']==$level['UserLevel']) echo "Selected=Selected";
                    echo 
    ">".$level['UserLevel']."</option>";
                    
                }
                echo 
    "<option value='User'>User</option>";
                    echo 
    "<option value='Support'>Support</option>";
                    echo 
    "<option value='Admin'>Admin</option>";
                    echo 
    '</select>';
        
            echo 
    "</td>";
        echo 
    "</tr>";
        
        echo 
    "</table>";
            if(
    $UserAccess=mssql_fetch_array(mssql_query("sp_useraccess @username='$_GET[UserName]',@userlevel='Admin'"))){
        echo 
    "<div class='level' id='level'>";
        echo 
    "<tr>";
        echo 
    "<td align='center'>";
        echo 
    "<b>User Access</b>";
        echo 
    "</td>";
        echo 
    "</tr>";
        echo 
    "<tr>";
            echo 
    "<td>";
                echo
    "<input type='checkbox' name='CreateTicket'";  if(trim($UserAccess[CreateTicket])=='1'){echo 'checked';}echo ">Create Ticket<br>";
                echo 
    "<input type='checkbox' name='AddUser' "; if(trim($UserAccess[AddUser])=='1'){echo 'checked';}echo">Add User<br>";
                echo 
    "<input type='checkbox' name='EditProfile' ";if(trim($UserAccess[AEditUser])=='1'){echo 'checked';}echo">Edit/Delete User<br>";
                echo 
    "<input type='checkbox' name='ResetPass'"; if(trim($UserAccess[APass])=='1'){echo 'checked';} echo">Reset Password<br>";
                echo 
    "<input type='checkbox' name='Department'"; if(trim($UserAccess[ADept])=='1'){echo 'checked';} echo">Add Department<br>";
                echo 
    "<input type='checkbox' name='Category'";  if(trim($UserAccess[ACat])=='1'){echo 'checked';}echo">Add Category<br>";
                echo 
    "<input type='checkbox' name='SubCategory'";  if(trim($UserAccess[ASubCat])=='1'){echo 'checked';}else{ echo 'unchecked';}echo">Add Sub-Category";
                
            echo 
    "</td>";
        echo 
    "</tr>";
        echo 
    "</div>";
        }
        
    ?>
        <tr>
            <td align='center' >
            <input type='submit' value='Save' name='save' title='Save User'>
            </td>
        </tr>
        </form>
    </td>    


    </tr>    
    </table>
    <script type="text/javascript">

    var selectmenu=document.getElementById("ulvl")
    selectmenu.onchange=function(){ //run some code when "onchange" event fires
     var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
     if (chosenoption.value=="Admin"){
     //alert('Did I mention I had a guestbook? Well SIGN IT!');  //open target site (based on option's value attr) in new window
     document.getElementById('level').style.visibility = 'hidden'; 
     }else if(chosenoption.value=="Support"){
      document.getElementById('level').style.visibility = 'visible'; 
     }else if(chosenoption.value=="User"){
      document.getElementById('level').style.visibility = 'visible'; 
     }
    }

    </script>
        </body>
        </html>
    <?php
    }else{ //not logged in
        
    header('location: login.php');
    }
    ?>
    My view source
    Code HTML4Strict:
    	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    	<html xmlns="http://www.w3.org/1999/xhtml">
    	<head>
    		<title>Edit User</title>
    	<link href="css/mystyle.css" rel="stylesheet" type="text/css"/>
    	<script src="jquery\jquery.min.js"></script>
    <script type="text/javascript" src="jquery\jquery.validate.js"></script> 
     
     <script>
      $(document).ready(function(){
     
    	$.validator.addMethod("noSpecialChars", function(value, element) {
    		  return this.optional(element) || /^[a-z0-9\_]+$/i.test(value);
    	  }, "<font size='3' color='#FF0000'>Username must contain only letters, numbers, or underscore.</font>");
     
        $("#edit").validate({
    	  rules: {
    		pass: "required",
    		rpass: {
    		  equalTo: "#pass"
    		},
     
    		fname:"required",
    		lname:"required",
    		email:"required email",
    		dept:"required",
    		userlvl:"required"
    	  }
     
    	});
      });
      </script>
     
     <style type="text/css">
    body {
     
    font-family: arial; /* you need some backups here */
    font-size: 17px;
     
    }
    </style> 
    </head>
    <body>
    <br/>
    <br/>
    <p>		
    <table BORDERCOLOR="#0B0B0B" border='1' bgcolor="#F5F5FA" width="70%" align='center'  >
    <tr>
    	<td width="100%" align="left" valign="middle">
    		<img src='img/editprofile.png'>
    	</td>
    </tr>
    <tr>
    <td width="100%" align='center' >
     
    	<table>
    	<form method='post' id='edit' name='edit' action='edituser.php?UserName=AlanV' onSubmit="javascript: var x=window.confirm('Do you wan\'t to save this User?');if (!x) return(false);">
    	<tr>
    		<input type='hidden' value=AlanV name='uname'>
    		<td align='right'><b>User Name:</b></td>	
    		<td align='left'>AlanV</td>
    	</tr>
    	<tr>
    		<td align='right'><b>First Name:</b></td>
    		<td align='left'><input type='text' id='fname' value='Alan' name='fname'></td>
    	</tr>
    	<tr>
    		<td align='right'><b>Last Name:</b></td>
    		<td align='left'><input type='text' id='lname'  value='Vergano' name='lname'></td>
    	</tr>	
    	<tr>
    		<td align='right'><b>Email Address:</b></td>
    		<td align='left'><input type='text' size='35' id='email' value='mnl_cmdadm@ph.nykline.com' name='email'></td>
    	</tr>
    	<tr>
    		<td align='right'><b>Department:</b></td>
    		<td align='left'>
    		<select name='dept' tabindex='8'><option >MIS</option><option >Acct</option><option >HR</option></select>		</td>
    	</tr>
    	<tr>
    		<td  align='right'><b>User Level:</b></td>
    		<td align='left'>
    		<select class='ulvl' id='ulvl' name='ulvl' tabindex='9' ><option Selected=Selected>User</option><option value='User'>User</option><option value='Support'>Support</option><option value='Admin'>Admin</option></select></td></tr></table><div class='level' id='level'><tr><td align='center'><b>User Access</b></td></tr><tr><td><input type='checkbox' name='CreateTicket'>Create Ticket<br><input type='checkbox' name='AddUser' >Add User<br><input type='checkbox' name='EditProfile' >Edit/Delete User<br><input type='checkbox' name='ResetPass'>Reset Password<br><input type='checkbox' name='Department'>Add Department<br><input type='checkbox' name='Category'>Add Category<br><input type='checkbox' name='SubCategory'unchecked>Add Sub-Category</td></tr></div>	<tr>
    		<td align='center' >
    		<input type='submit' value='Save' name='save' title='Save User'>
    		</td>
    	</tr>
    	</form>
    </td>	
     
     
    </tr>	
    </table>
    <script type="text/javascript">
     
    var selectmenu=document.getElementById("ulvl")
    selectmenu.onchange=function(){ //run some code when "onchange" event fires
     var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
     if (chosenoption.value=="Admin"){
     //alert('Did I mention I had a guestbook? Well SIGN IT!');  //open target site (based on option's value attr) in new window
     document.getElementById('level').style.visibility = 'hidden'; 
     }else if(chosenoption.value=="Support"){
      document.getElementById('level').style.visibility = 'visible'; 
     }else if(chosenoption.value=="User"){
      document.getElementById('level').style.visibility = 'visible'; 
     }
    }
     
    </script>
    	</body>
    	</html>

  4. #4
    Under Construction silver trophybronze trophy AussieJohn's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    776
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    I think you might need to edit your markup a little.

    Currently you have the table cell with the level select which also has a <div> with a <tr> in it.

    If you would wrap that <tr> in a <table> things should start working correctly.

    e.g.
    Code:
    <div class='userlevel' id='userlevel'>
    	<table>
    		<tr><td align='center'> <!-- CONTENTS HERE --></td></tr>
    	</table>
    </div>
    var details = {
    . . web: "afterlight.com.au",
    . . photos: "jvdl.id.au",
    . . psa: "usethelatestversion.com"
    }

  5. #5
    SitePoint Zealot
    Join Date
    Mar 2011
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot for the help..it works..


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
  •