I have to create Jsp with one link. when we click the lick it should display overlay registration form with two buttons. one to submit form onter to go back main jsp.
overlay form should look something like this
one solution(with button but i need with anchor tag)
Code:
<html> <body> Product : asc discription : xxxx <a href="http://bytes.com/">register</a> </body>
Code:
<form> Name :<input name="uname" type="text"> Pass word :<input name="pword" type="text"> Name :<input value="ok" type="submit"> </form>
Code:
<html>
<head>
<META HTTP-EQUIV="EXPIRES" CONTENT="-1" />
<script type="text/javascript">
function showFrontLayer() {
document.getElementById('bg_mask').style.visibility='visible';
document.getElementById('frontlayer').style.visibility='visible';
}
function hideFrontLayer() {
document.getElementById('bg_mask').style.visibility='hidden';
document.getElementById('frontlayer').style.visibility='hidden';
}
</script>
<style type="text/css">
#bg_mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
margin-top: 0px;
background : url("img_dot_white.jpg") center;
z-index: 0;
visibility: hidden;
}
#frontlayer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: orange;
visibility: hidden;
border: 1px solid black;
z-index: 1;
}
</style>
</head>
<body>
<form action="http://bytes.com/test.html">
<div id="baselayer">
Product -one
company - two
<input type="button" value="Show front layer" onclick="showFrontLayer();"/> Register<br/><br/>
as
<div id="bg_mask"> <div id="frontlayer"><br/><br/> <form>
Id<input type="text" name="id"><br/> <input type="submit" value="ok"><br/>
</form>
<input type="button" value="Hide front layer" onclick="hideFrontLayer();"/>
</div> </div> </div> </form> </body> </html> </html>
Comment