You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
4.5 KiB

var element_pos = 0; // Position of the newly created elements.
var iCnt = 0;
$(document).ready(function() {
$(function() { $('#divContainer').draggable(); });
$(function() { $("#divResize1").draggable().resizable(); });
$(function() { $("#divResize2").draggable().resizable(); });
$(function() { $("#divResize3").draggable().resizable(); });
$(function() { $("#divResize4").draggable().resizable(); });
$(function() { $("#divResize5").draggable().resizable(); });
$(function() { $("#divResize6").draggable().resizable(); });
$(function() { $("#divResize7").draggable().resizable(); });
$(function() { $("#divResize8").draggable().resizable(); });
$(function() { $("#divResize9").draggable().resizable(); });
$(function() { $("#divResize10").draggable().resizable(); });
$(function() { $("#divResize11").draggable().resizable(); });
$(function() { $("#divResize12").draggable().resizable(); });
$(function() { $("#divResize13").draggable().resizable(); });
$(function() { $("#divResize13").draggable().resizable(); });
$(function() { $("#divResize14").draggable().resizable(); });
$(function() { $("#divResize15").draggable().resizable(); });
$(function() { $("#divResize16").draggable().resizable(); });
$(function() { $("#divResize17").draggable().resizable(); });
$(function() { $("#divResize18").draggable().resizable(); });
$(function() { $("#divResize19").draggable().resizable(); });
$(function() { $("#divResize20").draggable().resizable(); });
$(function() { $("#divResize21").draggable().resizable(); });
$(function() { $("#divResize22").draggable().resizable(); });
$(function() { $("#divResize23").draggable().resizable(); });
$(function() { $("#divResize25").draggable().resizable(); });
$(function() { $("#divResize26").draggable().resizable(); });
$(function() { $("#divResize27").draggable().resizable(); });
$(function() { $("#divResize28").draggable().resizable(); });
$(function() { $("#divResize29").draggable().resizable(); });
$(function() { $("#divResize30").draggable().resizable(); });
$(function() { $("#divResize31").draggable().resizable(); });
$(function() { $("#divResize32").draggable().resizable(); });
$(function() { $("#divResize33").draggable().resizable(); });
$(function() { $("#divResize34").draggable().resizable(); });
$(function() { $("#divResize35").draggable().resizable(); });
$(function() { $("#divResize36").draggable().resizable(); });
$(function() { $("#divResize37").draggable().resizable(); });
$(function() { $("#divResize38").draggable().resizable(); });
$(function() { $("#divResize39").draggable().resizable(); });
$(function() { $("#divResize40").draggable().resizable(); });
$(function() { $("#divResize41").draggable().resizable(); });
$(function() { $("#divResize42").draggable().resizable(); });
$(function() { $("#divResize43").draggable().resizable(); });
$(function() { $("#divResize44").draggable().resizable(); });
$(function() { $("#divResize45").draggable().resizable(); });
$(function() { $("#divResize46").draggable().resizable(); });
$(function() { $("#divResize47").draggable().resizable(); });
$(function() { $("#divResize48").draggable().resizable(); });
$(function() { $("#divResize49").draggable().resizable(); });
$(function() { $("#divResize50").draggable().resizable(); });
$(function() { $("#divResize51").draggable().resizable(); });
// SUBMENU
$(function() { $("#divSubMenu").draggable().resizable(); });
// SUBMENU-END
// Create more DIV elements with absolute postioning.
$('#btClickMe').click(function() {
var dynamic_div = $(document.createElement('div')).css({
border: '1px dashed', position: 'absolute', left: element_pos,
top: $('#divContainer').height() + 20,
width: '120', height: '120', padding: '3', margin: '0'
});
element_pos = element_pos + $('#divContainer').width() + 20;
$(dynamic_div).append('You can drag me too');
// Append the newly created DIV to the container.
$(dynamic_div).appendTo('#divContainer').draggable();
iCnt = iCnt + 1;
});
});