Skip to main content

Search and Top Navigation

Ticket #4551: connectWith-and-float-bug.html


File connectWith-and-float-bug.html, 1.4 KB (added by dhlavaty, May 26, 2009 01:32PM UTC)

connectWith and float bug works only in IE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  <meta name="generator" content="PSPad editor, www.pspad.com" />
  <title></title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.core.js"></script>
<script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.sortable.js"></script>

<style type="text/css">
  .sortable { margin: 0; padding: 0;  }
  .sortable div { margin: 3px 3px 3px 0; background: #ccc; padding: 1px; border: 1px solid black; float:left; width: 100px; height: 140px; font-size: 1em; text-align: center; }
	#second div { background: #acc; }
</style>

  </head>
  <body>

	<script type="text/javascript">
	$(document).ready(function () {
		$("#first, #second").sortable({ connectWith: '.sortable' }).disableSelection();
	});
	</script>

<div class="demo">

<div id="first" class="sortable">
	<div>1</div>
  <div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>11</div>
	<div>12</div>
</div>

<br style="clear:both;">
<hr />

<div id="second" class="sortable">
  <div>12</div>
  <div>14</div>
</div>



</div><!-- End demo -->










  </body>
</html>

Download in other formats:

Original Format