You are on page 1of 3

<%--

Document : searchId
Created on : 21 févr. 2011, 12:03:55
Author : Sofiene
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Inscription </title>
<style type="text/css">
<!--
.pays {
font-family: "Comic Sans MS", cursive;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #60C;
}
body {
background-color: #D6D6D6;
}
.pays {
font-family: "Comic Sans MS", cursive;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #60C;
}
.bouton {
color: #000;
text-decoration: line-through;
background-color: #9C6;
}
.sousTitre {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #60C;
}
.titre {
color: #333;
}
-->
</style>
<script language="javascript" type="text/javascript">
function rechercherId()
{
document.getElementById('rechName').style.display='none';
document.getElementById('rechId').style.display='Block';
}
function rechercherName()
{
document.getElementById('rechId').style.display='none';
document.getElementById('rechName').style.display='Block';
}
function radioBouton(){
if(document.getElementById('recherid').checked)
rechercherId();
else
rechercherName();
}

</script>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color: #00CC99;
}
-->
</style>
</head>
<body>
<form >
<center>
<fieldset style="width:800px; color: #D6D6D6;">
<h1 align = "center" class="titre style1">Searching </
h1>
<table width="351" >
<tr>
<td width="106" class="pays"><div align="center">By ID
<input type="radio" name="radiobutton" id="recherid" valu
e="radiobutton" />
</div>
<label></label></td>
<td width="229" class="pays">By First and Last name
<label>
<input type="radio" name="radiobutton" id="rechername" value
="radiobutton" />
</label></td>
</tr>
<tr>
<td colspan="2"><div align="right">
<input type="button" value="Validate" align="right"
onclick="radioBouton();" />
</div></td>
</tr>
</table>
<p align = "center" class="titre style1">&nbsp;</p>
<table align="center" width="478">

<tr> </tr>
</table>
<div id='rechId' style="display: none">
<table width="359">
<tr>
<td width="160" align="right"><div align="center" class="pays">ID : </div>
</td>
<td width="187" align="left"> <input type="text" size="30" name
="idUser"/> </td>
</tr>
<tr>
<td height="47"></td>
<td align="right"><input align="right" type="button" name="Submit" value="E
nvoyer" />
<br/> </td>
</tr>
</table>
</div>
<div id='rechName' style="display: none">
<table width="359">
<tr>
<td width="160" align="right"><div align="center" class="pays">Last name :
</div></td>
<td width="187" align="left"> <input type="text" size="30" name
="last"/> </td>
</tr>
<tr>
<td width="160" align="right"><div align="center" class="pays">First name
: </div></td>
<td width="187" align="left"> <input type="text" size="30" name
="first"/> </td>
</tr>
<tr>
<td height="47"></td>
<td align="right"><input align="right" type="button" name="Submit" value="E
nvoyer" />
<br/> </td>
</tr>
</table>
</div>
</fieldset>
</center>
</form>
</body>
</html>

You might also like