Download raw (1.1 KB)
$(function() { // Choose the number of pages of the document var nb_page = 250; for (i = 1; i < nb_page; i++){ $("#master-page").clone().attr("id","page-"+i).insertBefore($("#master-page")); } $("#master-page").hide(); // Loads main content into <article id="my-story"> $("#my-story").load("content_names.html"); // __________________________________ MOVEABLE ELEMENTS __________________________________ // $("div.moveable"). append("<div class='properties button'>Properties</div>"). draggable({ cursor: "move", stack: "div.moveable", }). resizable(); $('.properties').on('click', function() { var top = $(this).parent().css('top'); var left = $(this).parent().css('left'); var width = $(this).parent().width(); var height = $(this).parent().height(); var p = new Popelt({ title: "Properties to copy/paste into this object's style attribute.", content: 'style="top: ' + top + '; left: ' + left + '; width: ' + width + 'px; height: ' + height + 'px;"', }).show(); }); });