can anyone think of a way of manipulating the Sequence of DIVs on a page?
I'm trying to find a way of displaying the first few DIVs on a page and then inserting another, the position being dependendent upon its content.
I can make the DIVs hidden as below but can I then make them visible in a different position?
I can wait till the whole page is there and the re-sort the whole lot, but where is the fun in that?
<script language="javascript">
function test(xxxxx)
{
xxxxx.style.visibility="hidden";
}
</script>
</head>
<body>
<form name="form" onsubmit="return test(document.form)" method="post">
<Div id=x0001 onClick="return test(x0001)">Div One</Div>
<Div id=x0002 onClick="return test(x0002)"> Div Two</Div>
<Div id=x0005 onClick="return test(x0005)"> Div Five</Div>
<Div id=x0004 onClick="return test(x0004)"> Div Four</Div>
<Div id=x0003 onClick="return test(x0003)"> Div Three</Div>
</form>
</body>
I'm trying to find a way of displaying the first few DIVs on a page and then inserting another, the position being dependendent upon its content.
I can make the DIVs hidden as below but can I then make them visible in a different position?
I can wait till the whole page is there and the re-sort the whole lot, but where is the fun in that?
<script language="javascript">
function test(xxxxx)
{
xxxxx.style.visibility="hidden";
}
</script>
</head>
<body>
<form name="form" onsubmit="return test(document.form)" method="post">
<Div id=x0001 onClick="return test(x0001)">Div One</Div>
<Div id=x0002 onClick="return test(x0002)"> Div Two</Div>
<Div id=x0005 onClick="return test(x0005)"> Div Five</Div>
<Div id=x0004 onClick="return test(x0004)"> Div Four</Div>
<Div id=x0003 onClick="return test(x0003)"> Div Three</Div>
</form>
</body>