Hi Robert, How are you?
I am a bit confused with your message. Did you intend to send this message
to me or to someone else??
I think someone has posted a different message on my thread. Could you
please clarify??
> Can't be done, AFAIK.
/Robert
This is my original message:
The other thread was getting so big that I thought it would be better to
start a new one.
I have posted the code below in the previous thread and mentioned that the
code was not working the way I intended. When one DIV is hidden I would
like all the other DIVs to the right of this one to move to the left and
occupy the space left from the hidden DIV.
Sree, suggested that I should use POSITION:RELATIVE. However, when I tried
that and run the page all the DIVs disappeared.
Please, could someone help me to figure out how this can be done. I know
this seems to be very ease but I have been trying for a long time but to
no avail.
Looking forwared to your reply.
Cheers,
Claudio
<html>
<head>
<style>
.HideTable {position:absolute; display:none}
.ShowTable {position:absolute; display:block}
</style>
<script language="Javascript">
function Hide(nLayer)
{
nLayer.className = "HideTable";
}
</script>
</head>
<body>
<div id="leftMargin" style="position:absolute; left:9px; top:42px;
width:35px; height:999px;
z-index:10">
<table border="1" id="Table0">
<tr>
<td>Total</td>
</tr>
<tr>
<td>54534</td>
</tr>
<tr>
<td>3453</td>
</tr>
<tr>
<td>3453</td>
</tr>
</table>
</div>
<div id="Layer1" style="position:absolute; left:89px; top:42px;
width:35px; height:999px;
z-index:10" class="ShowTable">
<table border="1" id="Table1">
<tr>
<td><span style="cursor:hand;cursor:pointer" onclick="Hide
(Layer1);">Hide</span></td>
<td> </td>
<td>Layer1</td>
</tr>
<tr>
<td>103</td>
<td>49</td>
<td name="idx">76</td>
</tr>
<tr>
<td>49</td>
<td>103</td>
<td name="idx">76</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name="idx">86</td>
</tr>
</table>
</div>
<div id="Layer2" style="position:absolute; left:219px; top:42px;
width:35px; height:999px;
z-index:10" class="ShowTable">
<table border="1" id="Table2">
<tr>
<td><span style="cursor:hand;cursor:pointer" onclick="Hide
(Layer2);">Hide</span></td>
<td> </td>
<td>Layer2</td>
</tr>
<tr>
<td>49</td>
<td>76</td>
<td name="idx">103</td>
</tr>
<tr>
<td>76</td>
<td>49</td>
<td name="idx">121</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name="idx">86</td>
</tr>
</tr>
</table>
</div>
<div id="Layer3" style="position:absolute; left:339px; top:42px;
width:35px; height:999px;
z-index:10" class="ShowTable">
<table border="1" id="Table3">
<tr>
<td><span style="cursor:hand;cursor:pointer" onclick="Hide
(Layer3);">Hide</span></td>
<td> </td>
<td>Layer3</td>
</tr>
<tr>
<td>49</td>
<td>76</td>
<td name="idx">103</td>
</tr>
<tr>
<td>76</td>
<td>49</td>
<td name="idx">121</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name="idx">86</td>
</tr>
</table>
</div>
<div id="Layer4" style="position:absolute; left:459px; top:42px;
width:35px; height:999px;
z-index:10" class="ShowTable">
<table border="1" id="Table4">
<tr>
<td><span style="cursor:hand;cursor:pointer" onclick="Hide
(Layer4);">Hide</span></td>
<td> </td>
<td>Layer4</td>
</tr>
<tr>
<td>49</td>
<td>76</td>
<td name="idx">103</td>
</tr>
<tr>
<td>76</td>
<td>49</td>
<td name="idx">121</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name="idx">86</td>
</tr>
</table>
</div>
</body>
</html>
> Can't be done, AFAIK.
/Robert
-----Ursprungligt meddelande-----
Fr=E5n: Dasun [mailto:dasun@r...]=20
Skickat: den 12 december 2002 09:22
Till: JavaScript HowTo
=C4mne: [javascript_howto] Moving DIVS Continued
HI ALL,
how to call a java script file from a *.js file
thx
---
Change your mail options at http://p2p.wrox.com/manager.asp or=20
to unsubscribe send a blank email to
View Cart
