Skip to content

Instantly share code, notes, and snippets.

@jakearchibald

jakearchibald/gist:165088

Created August 10, 2009 08:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jakearchibald/165088 to your computer and use it in GitHub Desktop.
Save jakearchibald/165088 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head profile="http://dublincore.org/documents/dcq-html/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Glow drag tests</title>
<script src="http://www.bbc.co.uk/glow/glow/1.6.0-rc1/core/core.js" type="text/javascript"></script>
<script src="http://www.bbc.co.uk/glow/glow/1.6.0-rc1/widgets/widgets.debug.js" type="text/javascript"></script>
<link href="http://www.bbc.co.uk/glow/glow/1.6.0-rc1/widgets/widgets.css" type="text/css" rel="stylesheet" />
<style type='text/css'>
.item {
background-color: #fff;
border: 5px solid red;
height: 30px;
width: 220px;
overflow: hidden;
}
#groupA, #groupB {
border: 5px solid green;
width: 230px;
float: left;
}
#groupB {
}
</style>
</head>
<body>
<div id="groupA">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div id="groupB">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<script type="text/javascript">
glow.ready(function(){
var mySortable = new glow.widgets.Sortable('#groupA, #groupB');
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment