<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js" data-modules="dialog">
- // there's the gallery and the trash
+ // There's the gallery and the trash
var $gallery = $( "#gallery" ),
$trash = $( "#trash" );
- // let the gallery items be draggable
+ // Let the gallery items be draggable
$( "li", $gallery ).draggable({
cancel: "a.ui-icon", // clicking an icon won't initiate dragging
revert: "invalid", // when not dropped, the item will revert back to its initial position
cursor: "move"
});
- // let the trash be droppable, accepting the gallery items
+ // Let the trash be droppable, accepting the gallery items
$trash.droppable({
accept: "#gallery > li",
classes: {
}
});
- // let the gallery be droppable as well, accepting items from the trash
+ // Let the gallery be droppable as well, accepting items from the trash
$gallery.droppable({
accept: "#trash li",
classes: {
}
});
- // image deletion function
+ // Image deletion function
var recycle_icon = "<a href='link/to/recycle/script/when/we/have/js/off' title='Recycle this image' class='ui-icon ui-icon-refresh'>Recycle image</a>";
function deleteImage( $item ) {
$item.fadeOut(function() {
});
}
- // image recycle function
+ // Image recycle function
var trash_icon = "<a href='link/to/trash/script/when/we/have/js/off' title='Delete this image' class='ui-icon ui-icon-trash'>Delete image</a>";
function recycleImage( $item ) {
$item.fadeOut(function() {
});
}
- // image preview function, demonstrating the ui.dialog used as a modal window
+ // Image preview function, demonstrating the ui.dialog used as a modal window
function viewLargerImage( $link ) {
var src = $link.attr( "href" ),
title = $link.siblings( "img" ).attr( "alt" ),
}
}
- // resolve the icons behavior with event delegation
+ // Resolve the icons behavior with event delegation
$( "ul.gallery > li" ).on( "click", function( event ) {
var $item = $( this ),
$target = $( event.target );
height: 10,
position: "absolute",
- // http://bugs.jqueryui.com/ticket/6876
+ // Http://bugs.jqueryui.com/ticket/6876
// Droppable: droppable region is offset by draggables margin
marginTop: 3,
marginLeft: 3
});
});
- // http://bugs.jqueryui.com/ticket/4977 - tolerance, pointer - bug when pointer outside draggable
+ // Http://bugs.jqueryui.com/ticket/4977 - tolerance, pointer - bug when pointer outside draggable
draggable.css({ top: 0, left: 0 }).draggable( "option", "axis", "x" );
droppable.css({ top: 15, left: 15 });
scope: "default",
tolerance: "intersect",
- // callbacks
+ // Callbacks
activate: null,
deactivate: null,
drop: null,
}
}
- // we just moved into a greedy child
+ // We just moved into a greedy child
if ( parentInstance && c === "isover" ) {
parentInstance.isover = false;
parentInstance.isout = true;
this[c === "isout" ? "isover" : "isout"] = false;
this[c === "isover" ? "_over" : "_out"].call( this, event );
- // we just moved out of a greedy child
+ // We just moved out of a greedy child
if ( parentInstance && c === "isout" ) {
parentInstance.isout = false;
parentInstance.isover = true;