minimise a <div> (adjust height)

crmpicco · September 13th, 2005, 08:16 AM

Code:

<div id="demodiv" class="demo">
...asp code...
...and...
...HTML....
</div>

is there a way to have a button on this div to minimise it then open it back up again.
currently, it is positioned at the foot of the screen. centered and with a width of 800px.

Can i have a minimise but to make it say 30px in height?

Thanks.

Picco

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

vinod_yadav1919 · September 21st, 2005, 01:39 AM

Hii crmpicco!!
Try this
<script language="javascript">

var i
i=0;
function getval(val)
{
if(val==1)
i++
else
i--;

if(i<0)
i=0;

obj=document.getElementById("divid")

obj.style.height=40+i*10
obj.style.width=300
obj.style.overflow='auto';

}
</script>

<div id="divid" style="background:red;height:300px">
hello1 <br>
hello 2<br>
hello 3<br>
hello 4<br>
hello 5<br>
hello 6 <br>
hello 7<br>
hello 8<br>
hello 9<br>
hello 10<br>
</div>
<input type=button onclick="getval(1)" value=Increase>
<input type=button onclick="getval(2)" value=Decrease>

Hope this will help you

Cheers :)

vinod