2017
html - Draggable div without jQuery UI - Stack Overflow
(via)Here's another updated code:
$(document).ready(function() {
var $dragging = null;
$('body').on("mousedown", "div", function(e) {
$(this).attr('unselectable', 'on').addClass('draggable');
var el_w = $('.draggable').outerWidth(),
el_h = $('.draggable').outerHeight();
$('body').on("mousemove", function(e) {
if ($dragging) {
$dragging.offset({
top: e.pageY - el_h / 2,
left: e.pageX - el_w / 2
});
}
});
$dragging = $(e.target);
}).on("mouseup", ".draggable", function(e) {
$dragging = null;
$(this).removeAttr('unselectable').removeClass('draggable');
});
});
jQUERY -JqueryUI - DRAG - JqueryUI Draggable
(via)$ (selector, context).draggable (options) Method
The draggable (options) method declares that an HTML element can be moved in the HTML page. The options parameter is an object that specifies the behavior of the elements involved.
Syntax
$(selector, context).draggable(options);
You can provide one or more options at a time using Javascript object. If there are more than one options to be provided then you will separate them using a comma as follows −
$(selector, context).draggable({option1: value1, option2: value2..... });
2014
CSS - OVERFLOW - elippsis - html - With CSS, use "..." for overflowed block of multi-lines - Stack Overflow
The link below provides a pure HTML / CSS solution to this problem. However, it's quite involved and most likely won't work in non-modern browsers:
1
(3 marks)
