hi
i have search member page and serach member results page .
when i click on search it goes to search memeber results.html as a different page.but i would like to get the search results in the same page.what sort of javascript code can i use?
here is the code whic i tried out please cheack out
<HTML>
<HEAD>
<TITLE>Search Member-Team Profile</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<META name="description" content="Cognizant is the only leading IT offshore outsourcing provider that focuses exclusively on business applications for the Fortune 500 & Blue Chip companies worldwide. Cognizant is a leading provider of custom information technology design, development, integration and maintenance services and is a pioneer of fourth (4th) generation offshore outsourcing.HealthNet is the growing team in cognizant Healthcare">
<link href="./css/global.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
function display(obj) {
txt = obj.options[obj.selectedIndex].value;
var str=document.getElementById('employeeID');
if ( txt=="133474" )
{
str.disabled=true;
document.getElementById('Search Member Results').style.display = 'block';
document.getElementById('Search Member Results').style.display = 'none';
}
else{
str.disabled=false;
document.getElementById('Search Member Results').style.display = 'none';
document.getElementById('Search Member Results').style.display = 'block';
}
}
</script>
</HEAD>
<body id="category5">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding-left: 15px; padding-top: 11px;"><a href="#"><img src="./images/logo_cts.gif" alt="Cognizant - Celebrating Work" width="145" height="45" border="0"></a></td>
<td align="right" valign="top" style="padding-right: 15px; padding-top: 15px;"></td>
</tr>
<tr>
<td colspan="2"><img src="./images/clear.gif" alt="" width="1" height="12" border="0"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<!-- INCLUDE LEFT NAVIGATION HERE -->
<script language="javascript" src="includes/left.js"></script>
</td>
<td valign="top">
<a name="MainContentArea"></a>
<table border="0" cellspacing="0" cellpadding="0" width=800px>
<tr>
<td width="4"><img src="./images/clear.gif" alt="" width="1" height="1" border="0"></td>
<td width="796" valign="top" bgcolor="#F7F7F7">
<table width="100%" border="0" cellpadding="2" cellspacing="0" id="pageTitle">
<tr>
<td>
<br>
<h1>Search Member-Health Net TeamProfile<!-- HEADING 1 --></h1>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="primary">
<tr>
<td valign="top" style="padding: 0px 0px 20px 0px;">
<!-- MAIN CONTENT START -->
<div id="enrollmentFormBox">
<h2>Search Criteria</h2>
<div id="formGroup">
<table border="0" cellpadding="0" cellspacing="0" width=730px>
<tr height=25px>
<td align = right>Employee First Name : </td>
<td colspan=3 ><input type="text" maxlength=15 size=26 name="employeeFirstName" id="employeeFirstName" ></td>
<td width=1px> </td>
</tr>
<tr height=25px>
<td align = right>Employee Last Name : </td>
<td colspan=3 ><input type="text" maxlength=15 size=26 name="employeeLastName" id="employeeLastName" ></td>
<td width=1px> </td>
</tr>
<tr height=25px>
<td align = right>*Employee ID : </td>
<td colspan=3 ><select name="employeeID" id="employeeID" onchange= "javascript:display(this);">
<option>Select</option>
<option >133474</option>
<option >133484</option>
<option >133620</option>
</select></td>
<td width=1px> </td>
</tr>
</table></div>
<div id="divider"></div>
<table border="0" cellspacing="0" cellpadding="0" width=766px>
<tr>
<td align=right><a href="Add Member.html">Add Member</a></td>
</tr>
</table>
<div id="enrollmentFormBox">
<div id="divider"></div>
<table border="0" cellpadding="0" cellspacing="0" width=766px>
<tr>
<td align=left width=100px>
<table border="0" cellspacing="0" cellpadding="0" width=100%>
<tr>
<td align=left><a href="Search Member.html" id="button"> Cancel</a></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="divider"></div>
<table border="0" cellspacing="0" cellpadding="0" width=766px>
<tr>
<td align=right><a href="Search Member Results.html"><img src="images/search.gif" alt="Search" border=0/></a></td>
</tr>
</table>
<div id="divider"></div>
</div>
</td>
</tr>
<tr>
<td valign="top"><img src="./images/clear.gif" alt="" width="1" height="1" border="0"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="footer">
<!-- ADD FOOTER HERE -->
</table>
</td>
</tr>
</table>
</BODY>
</HTML>
