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
84 lines
4.5 KiB
2 years ago
|
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;
|
||
|
|
});
|
||
|
|
});
|