SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

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

    onsubmit=window.confirmation

    hi,

    i have a problem in my onsubmit confirmation it works fine when i use mozilla..
    but when on ie6 and click the cancel button my page push thru.
    Can any one help me please...

    here is my view source page.
    Code:
    <!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" xml:lang="en-us">
    <head>
    	<script type="text/javascript" language="javascript" src="jquery./jquery.js"></script>
    	<script src="jquery/jquery.menu.min.js"></script>
    	<script src="jquery/jquery.min.js"></script>
    	<script type="text/javascript" src="jquery/menu-collapsed.js"></script> 
    	<script type="text/javascript" src="jquery/jclock.js"></script> 
    	<link rel="stylesheet" type="text/css" href="css/menu.css" />	
    	<script src="jquery/jquery.chained.js" type="text/javascript" charset="utf-8"></script>
    	<script type="text/javascript" src="jquery/jquery.validate.js"></script> 
    	
    	<script type="text/javascript" language="javascript" src="jquery./jquery.dataTables.js"></script>
    	<script type="text/javascript" src="jquery/md5.js"></script> 
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    	<style type="text/css" title="currentStyle">
    		@import "css/demo_page.css";
    		@import "css/demo_table.css";
    	</style>
    <style type="text/css">
    * { font-family: Verdana; font-size: 12; }
    Body  { font-family: Verdana; font-size: 0.7em; }
    .submit { margin-left: 12em; }
    
    </style>
    
      <script type="text/javascript">
        $(function($) {
            var option ={
                format: '%m/%d/%y %I:%M:%S %P'
            }
          $('.jclock').jclock(option);
        });
    
      </script>    
    <style>
    .line{
      border: solid 1px black;
    } 
    </style>
    <body id="dt_example"  > 
    <br/>       
    <br/>     
    <table border=1 align=center width=1024 bgcolor=#ffffff height=%100">
    <tr>
      <td height=100 bgcolor=#5CB3FF align=center>Image For E-HelpDesk</td>
    </tr>
    <tr>
    <td height=500 bgcolor=#ffffff>
    <table width=100% height=110% bgcolor="#F5F5FA" border=1>
    <tr>
    <td width=00 valign=top>
    	<div>Welcome,
    	JoshA</div><br />
    	<label for="jclock">Date/Time:</label><br />
    	<span class="jclock"></span>
    	<br>		
    	<ul class='menu' id='menu' name='menu'><li><a href='index.php?item=createticket' >Create Ticket</a></li><li class='usermaintenance' id='usermaintenance' onclick=''><a href='javascript:void(0)' onclick="javascript:return false;">User Maintenance</a><ul><li ><a href='index.php?item=Users'  >View User</a></li><li><a href='index.php?item=Edituser'  >Edit User</a></li><li><a href='index.php?item=passchange'>User Password Reset</a></li></ul></li><li><a href='index.php?item=Dept' >Department</a></li><li ><a href='index.php?item=cat'>Category</a></li><li><a href='index.php?item=subcat'  >Sub-Category</a></li><li><a href='javascript:void(0)'>Ticket Options</a><ul><li><a href='index.php?item=AssignTicket' >Assigned Ticket</a></li><li><a href='index.php?item=PendingTicket'  >Pending Ticket</a></li><li><a href='index.php?item=ClosedTicket'  >Closed Ticket</a></li></ul></li><li><a href='index.php?item=tickethistory' >Ticket History</a></li>&nbsp;&nbsp;<li><a  href='index.php?log=logout' >LOG OUT</a></li></ul>
    </td>
    <td valign=top width=824>
    		<script type="text/javascript" charset="utf-8">
    		$(document).ready(function() {
    			$('#example').dataTable();
    		} );
    	</script>
    	
    	<script>
    		$(document).ready(function(){
    		$("#department").validate({
    			  rules: {
    				deptdesc:"required"
    			  }
    			});
    		});
    	
    	</script>
    
    <script type='text/javascript'>
    
    function dept(){
    
    var x=document.getElementById("deptname").value;
    var y=document.getElementById("deptname").value=x.toUpperCase();
    
    var a=document.getElementById("deptdesc").value;
    var b=document.getElementById("deptdesc").value=a.toUpperCase();
    if(y==""){
    document.getElementById("demo").innerHTML=("<font style='color: #FF0000; font-size: 7.5pt'>This field is required.</font>");
    }
    else{
    	document.getElementById("demo").style.display='none';
    }
    
    }
    
    </script>
    
    
    
    	
    <table  BORDERCOLOR="#0B0B0B"  bgcolor="#F5F5FA" width="100%" align='center'>
    <tr>
    	<td class='line'>
    		<img src='img/Dept.png'>
    	</td>
    </tr>
    <tr>
    	<td width="100%" align="center" >
    	<font style='color: #FF0000; font-size: 10pt'>ASD Department already exist.</font>	<br/>
    	<br/><TABLE >
    			<form id='department' name='department' action='index.php?item=dept' method='Post' onSubmit="javascript: var x=window.confirm('Save this Department Profile?');if (!x) return(false);">
    				<tr>
    					<td align='right'>
    					<font size="3px" face="arial"><b>Department :</b></font><td align='left'><input type='text' id='deptname' name='deptname'  onblur='dept()'><div  style='color: #FF0000; font-size: 10pt' id='demo'></div></td>
    					</td>
    				</tr>
    				<tr>
    					<td align='right'>
    					<font size="3px" face="arial"><b>Department Description :</b></font><td align='left'><input type='text' size='40'id='deptdesc' name='deptdesc' onblur='dept()' ></td>
    					</td>
    				</tr>	
    				<tr>
    				<td>&nbsp;</td>
    					<td align='left'>
    					<input type='submit' name='save' value='Save' title='Save Department'>
    					<input type='reset' name='reset' value='Reset' title='Reset Field'/>
    					</td>
    				</tr>	
    			</form>
    		</table>
    		
    		<div id="shortcontainer">
    			<div align='left' id="demo">
    				<table BORDERCOLOR="#0B0B0B" cellpadding="0" cellspacing="0" frame="box" class="display" id="example">
    					<thead align='center'>
    						<tr>
    							<th title='Department &rsquo; s Name'><a>Department</a></th>
    							<th title='Department &rsquo; s Classification'><a>Department Description</a></th>
    							<th title='Delete Department'><a>Delete</a></th>
    						</tr>
    					</thead>
    					<tbody>
    													<tr class="GradeA">
    								<td class="center">MIS</td>
    								<td class="center">MANAGEMENT INFORMATION SYSTEM</td>
    								<td class="center"><a href='index.php?item=dept&id=53&dname=MIS'  onClick="javascript: var x=window.confirm('Delete this Department (MIS) ?');if (!x) return(false);"; title='Delete MIS'><img src='img/delete' border='0'width='20' height='20'></a></td>
    							</tr>
    						 							<tr class="GradeA">
    								<td class="center">ASD</td>
    								<td class="center">ASDADS</td>
    								<td class="center"><a href='index.php?item=dept&id=56&dname=ASD'  onClick="javascript: var x=window.confirm('Delete this Department (ASD) ?');if (!x) return(false);"; title='Delete ASD'><img src='img/delete' border='0'width='20' height='20'></a></td>
    							</tr>
    						 							<tr class="GradeA">
    								<td class="center">ASDASD</td>
    								<td class="center">ASDASD</td>
    								<td class="center"><a href='index.php?item=dept&id=57&dname=ASDASD'  onClick="javascript: var x=window.confirm('Delete this Department (ASDASD) ?');if (!x) return(false);"; title='Delete ASDASD'><img src='img/delete' border='0'width='20' height='20'></a></td>
    							</tr>
    						 							<tr class="GradeA">
    								<td class="center">SDA</td>
    								<td class="center">ASD</td>
    								<td class="center"><a href='index.php?item=dept&id=58&dname=SDA'  onClick="javascript: var x=window.confirm('Delete this Department (SDA) ?');if (!x) return(false);"; title='Delete SDA'><img src='img/delete' border='0'width='20' height='20'></a></td>
    							</tr>
    						 							<tr class="GradeA">
    								<td class="center">ACCT</td>
    								<td class="center">ACCOUNTING</td>
    								<td class="center"><a href='index.php?item=dept&id=55&dname=ACCT'  onClick="javascript: var x=window.confirm('Delete this Department (ACCT) ?');if (!x) return(false);"; title='Delete ACCT'><img src='img/delete' border='0'width='20' height='20'></a></td>
    							</tr>
    						 					</tbody>
    					<tfoot>
    						<tr>
    							<th>Department</th>
    							<th>Department Description</th>
    							<th>Delete</th>
    						</tr>
    					</tfoot>
    				</table>	
    			</div>
    		</div>
    	</td>
    </tr>
    </table>
    
    <script>
    	</td>
    </tr>
    
    </table>
    </td></tr>
    
    
    </table>
    </body>
    
    </html>

  2. #2
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Location
    Perundurai, Tamilnadu, India
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Instead of this code
    onSubmit="javascript: var x=window.confirm('Save this Department Profile?');if (!x) return(false);"
    Try this code, but i didn't test it in IE 6.

    onSubmit="return window.confirm('Save this Department Profile?');"


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
  •