Examples
This page show some example for ByRei - dynDiv
Movable Div
Show simple movable Div with an image and without an image.
Example: Movable Div
Movable Div - Restricted Browser Window
Show simple movable Div with an image and without an image.
Example: Movable Div restricted to Browser Window
Minimize/Maximize and movable Div
Show an example with movable Divs, which can be minimize and maximize.
Example: Movable Div with minimize and maximize
Resizeable Div
Show a simple resizeable Div with an image and without an image.
Example: Resizeable Div
Movable and Resizeable Div
Show an resizable and movable div, you can move the div overall or over an special area.
Example: Movable and resizable Div
Movable and Resizeable Div - Hide on actions
Show an resizable and movable div, when you move the Div all other DIVs will be hidden.
Example: Movable and resizable Div - Hide on actions
Movable and Resizeable Div - Show/Hide resize
Show an resizable and movable div, the resize divs for this div will be only display on action or on a double click.
Example: Movable and resizable Div - Show resize
Movable and resizable Div - Restricted Area
This shows an resizable and movable Div in a restricted Area.
Example: Movable and resizable Div - Restricted Area
Movable and resizable Div - Keep Aspect Ratio
This shows an resizable and movable Div which try to keep the aspect ratio (beta).
Example: Movable and resizable Div - Keep Aspect
Movable Div - Simple Drop Areas
This shows two movable Div with two simple defined Drop Areas, the Div's can only be moved into on of this drop Area.
Example: Movable Div - Simple Drop Areas
Movable Div - Restricted Drop Areas
This shows two movable Div with two restricted Drop Areas, one Div can only be moved into one drop Area.
Example: Movable Div - Restricted Drop Areas
Movable Div - Drop Areas and Drop Mode
This shows some movable DIVs with different Drop Modes.
Example: Movable Div - Drop Areas and Drop Mode
Minimize/Maximize , Movable and resizable Div - Multiple Restricted Areas
This shows several resizable and movable Div in different restricted Area, which can be also minimized and maximized.
Example: Movable and resizable Div with minimize and maximize and several Restricted Areas
Save Position and/or Size of d dynDiv Object
This example explain how you can save the position and/or the size of a dynDiv Object into a cookie.
Example: Save Position and/or Size of a dynDiv Object
Load Position and/or Size of a dynDiv Object
This shows how you can load your save position and/or size over dynDiv.
Example: Load saved Position and/or Size of a dynDiv Object
New API Example (0.7 and higher)
General API Example
This Example show how you can used the API to access Information from dynDiv.
Example: General and simple API Example
Add dynamic Objects and dynDiv Objects after Pageload
This Example show you, how you can add a dynDiv Object after the page was loaded.
Please keep in mind this example used DOM Method's so its only for advance Users.
Example: How to add dynDiv after Pageload
Old API Example (0.62 and lower)
This Example show an API Example in which way you can communicate with this Script.
Example: Simple API Example
Some other Examples which cover the Feature from above
This example should help do understand what you can doing with dynDiv and are not fit in the above examples.
Simple Puzzle Game
A simple Puzzle Game with dynDiv and restricted dropAreas.
Example: Simple Puzzle
Custom DIVs (movable, resizable, OS like)
Some example how you can integrate an OS like dynamic Div which is resizable and movable.
Example: Multiple Custom Divs (movable, resizable, OS like)
Webdesign Example
A simple dynamic Webdesign Example with movetable DIVs which save and load the position automatic.
Example: Webdesign Example
Simple Trash can
A simple Trash can where you can destroys dynDivs.
Example: Trash can