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.
<!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> <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> </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 ’ s Name'><a>Department</a></th>
<th title='Department ’ 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>