I trying this..
HTML
<p id="Layer1" align="center">
<asp:TextBox ID="txtSearch" runat="server"> </asp:TextBox>
<input type="BUTTON" value="SEARCH" onclick="move() " id="btn1" />
</p>
<p id="Layer2" align="center" >
<asp:Label ID="lblList" runat="server" ></asp:Label>
</p>
CSS
All the position is just random.
#Table1 {
background-color: green;
position: absolute;
height:500px;
width:200px;
left:735px;
top:100px;
}
#Table2 {
background-color: blue;
position: absolute;
height:500px;
width:200px;
left:800px;
top:100px;
display:none;
}
JavaScript
var x=640;
var y=850;
function move()
{
var A = document.getEle mentById("Layer 1");
var B = document.getEle mentById("layer 2");
document.getEle mentById('Layer 2').style.displ ay = "inline";
A.style.left=x;
B.style.left=y;
}
All this thing is actually the way tht I want the page work.
However..I don't know how to Display the DATA tp LAYER2 tht calling from database.
How to calling the database without refreshing.
The operation is :
1. User need the type at the TextBox wht they need.
2. Press the Button.
3. Layer2 come out behind the Layer1 with the DATA.
I'm using ASP.NET, VB..Not C#..
7
