Minimize and Maximize a movetable Div
In this Example you can minimize and maximize the moveable DIVs, please keep in mind that you need for this feature a additional Div.
You can also set the min. height that it is needed with dynDiv_minmax_Height-70 for e.g: 70px minimum Height.
[x]
This is a Test Div with ByRei DynDiv, move it ;)
[x]
[x]
This Div has a min height Limit from 70px so it will only minimize to 70px.
HTML Code
<link rel="stylesheet" type="text/css" href="byrei-dyndiv_0.5.css">
<script type="text/javascript" src="byrei-dyndiv_1.0rc1.js"></script>
[Custom or additional CSS Code]
<div id="testdiv_1" class="dynDiv_moveDiv dynDiv_bodyLimit">
<div class="dynDiv_minmaxDiv">¤[x]</div>
This is a Test Div with ByRei DynDiv, move it ;)
</div>
<div id="testdiv_2" class="dynDiv_moveDiv dynDiv_bodyLimit">
<div class="dynDiv_minmaxDiv">[x]</div>
</div>
<div id="testdiv_3" class="dynDiv_moveDiv dynDiv_bodyLimit">
<div class="dynDiv_minmaxDiv dynDiv_minmax_Height-70">[x]</div>
This Div has a min height Limit from 40px so it will only minimize to 70px.
</div>
Additional CSS Code
#testdiv_1, #testdiv3 {
width: 200px;
height: 200px;
background: #ccc;
border: 1px solid #aaa;
padding: 10px;
top: 200px;
left: 250px;
position: absolute;
}
#testdiv_2 {
width: 295px;
height: 394px;
right: 10px;
top: 160px;
border: 1px solid #aaa;
background: url('../example.jpg') no-repeat;
position: absolute;
}