Robert,
Thanks for your clarification. I was wondering if you know any online
tutoril where I could learn how to use the Position:relative to achieve
the results I want. I tried to change the position to relative but it did
not work. I do not understand the position:relative attribute because I
have always use Absolute.
Cheers,
Claudio
> Hi Claudio!
I didn't intend to answer your thread.
To clarify, my reply was to this message below, sent by Dasun:
"From: Dasun [mailto:dasun@r...]=20
Sent: den 12 december 2002 09:22
Till: JavaScript HowTo
Subject: [javascript_howto] Moving DIVS Continued
HI ALL,
how to call a java script file from a *.js file
thx"
/Robert
-----Ursprungligt meddelande-----
Fr=E5n: Claudio Pallone [mailto:pallone@l...]=20
Skickat: den 12 december 2002 22:56
Till: JavaScript HowTo
=C4mne: [javascript_howto] Re: SV: Moving DIVS Continued
Hi Robert, How are you?
I am a bit confused with your message. Did you intend to send this
message=20
to me or to someone else??
I think someone has posted a different message on my thread. Could you=20
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=20
code was not working the way I intended. When one DIV is hidden I would=20
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=20
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=3D"Javascript">
function Hide(nLayer)
{
nLayer.className =3D "HideTable";
}
</script>
</head>
<body>
<div id=3D"leftMargin" style=3D"position:absolute; left:9px; top:42px;=20
width:35px; height:999px; =20
z-index:10">
<table border=3D"1" id=3D"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=3D"Layer1" style=3D"position:absolute; left:89px; top:42px;=20
width:35px; height:999px; =20
z-index:10" class=3D"ShowTable">
<table border=3D"1" id=3D"Table1">
<tr>
<td><span style=3D"cursor:hand;cursor:pointer" onclick=3D"Hide
(Layer1);">Hide</span></td>
<td> </td>
<td>Layer1</td>
</tr>
<tr>
<td>103</td>
<td>49</td>
<td name=3D"idx">76</td>
</tr>
<tr>
<td>49</td>
<td>103</td>
<td name=3D"idx">76</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name=3D"idx">86</td>
</tr>
</table>
</div>
<div id=3D"Layer2" style=3D"position:absolute; left:219px; top:42px;=20
width:35px; height:999px; =20
z-index:10" class=3D"ShowTable">
<table border=3D"1" id=3D"Table2">
<tr>
<td><span style=3D"cursor:hand;cursor:pointer" onclick=3D"Hide
(Layer2);">Hide</span></td>
<td> </td>
<td>Layer2</td>
</tr>
<tr>
<td>49</td>
<td>76</td>
<td name=3D"idx">103</td>
</tr>
<tr>
<td>76</td>
<td>49</td>
<td name=3D"idx">121</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name=3D"idx">86</td>
</tr>
</tr>
</table>
</div>
<div id=3D"Layer3" style=3D"position:absolute; left:339px; top:42px;=20
width:35px; height:999px; =20
z-index:10" class=3D"ShowTable">
<table border=3D"1" id=3D"Table3">
<tr>
<td><span style=3D"cursor:hand;cursor:pointer" onclick=3D"Hide
(Layer3);">Hide</span></td>
<td> </td>
<td>Layer3</td>
</tr>
<tr>
<td>49</td>
<td>76</td>
<td name=3D"idx">103</td>
</tr>
<tr>
<td>76</td>
<td>49</td>
<td name=3D"idx">121</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name=3D"idx">86</td>
</tr>
</table>
</div>
<div id=3D"Layer4" style=3D"position:absolute; left:459px; top:42px;=20
width:35px; height:999px; =20
z-index:10" class=3D"ShowTable">
<table border=3D"1" id=3D"Table4">
<tr>
<td><span style=3D"cursor:hand;cursor:pointer" onclick=3D"Hide
(Layer4);">Hide</span></td>
<td> </td>
<td>Layer4</td>
</tr>
<tr>
<td>49</td>
<td>76</td>
<td name=3D"idx">103</td>
</tr>
<tr>
<td>76</td>
<td>49</td>
<td name=3D"idx">121</td>
</tr>
<tr>
<td>100</td>
<td>41</td>
<td name=3D"idx">86</td>
</tr>
</table>
</div>
</body>
</html>
> Can't be done, AFAIK.
/Robert
-----Ursprungligt meddelande-----
Fr=3DE5n: Dasun [mailto:dasun@r...]=3D20
Skickat: den 12 december 2002 09:22
Till: JavaScript HowTo
=3DC4mne: [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=3D20 to
unsubscribe send a blank email to
---
Change your mail options at http://p2p.wrox.com/manager.asp or=20
to unsubscribe send a blank email to
View Cart
