Sha256: 69abd81d04783ca3e514104a2fcca9a11c4bda18b0cc10734202d1d913091b56
Contents?: true
Size: 1003 Bytes
Versions: 7
Compression:
Stored size: 1003 Bytes
Contents
<style>
.box {
width: 30px;
height: 30px;
position: absolute;
}
#box1 {
background-color: #900;
top: 60px;
}
#box2 {
background-color: #009;
right: 40px;
bottom: 100px;
}
#box3 {
top: 20em;
left: 20em;
background-color: #090;
}
</style>
<p>you should be able to drag the colored boxes around. The links should let you enable and disable dragging.</p>
<div id="box1" class="box"></div>
<div id="box2" class="box"></div>
<div id="box3" class="box"></div>
<script src="/depender/build?require=More/Drag.Move"></script>
<div id="togglers"><a id="enable">enable drag</a> | <a id="disable">disable drag</a></div>
<script>
var draggers = [$('box1').makeDraggable(), $('box2').makeDraggable({
modifiers: {x: 'right', y: 'bottom'},
invert: true
}), $('box3').makeDraggable()];
$('enable').addEvent('click', function(){
draggers.each(function(drag){ drag.attach(); });
});
$('disable').addEvent('click', function(){
draggers.each(function(drag){ drag.detach(); });
});
</script>
Version data entries
7 entries across 7 versions & 1 rubygems