Databases
StackOverflow2013
Postsdbo
PODraggable div issue in IE7
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODraggable div issue in IE7
    primarykey
    data
    text
    <p>This example uses mootools but I see the same behavior with scriptaculous.</p> <p>I have a div with some content, in this case a single X and there's plenty of white space around the content. I make the div draggable but I find it's difficult to drag the div in IE. In IE I need to click and drag directly on the content of the div, the single X. If I click in the div, but away from the X, the div just sits there.</p> <p>It behaves as expected in FF, Chrome and Safari.</p> <p>Here is a complete working example with mootools. You'll have to update the script tags to reflect what you named your mootools libraries. (on edit I added a scriptaculous example as well)</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" &gt; &lt;head&gt; &lt;title&gt;Mootools problem&lt;/title&gt; &lt;script type="text/javascript" src="mootools.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="mootools-more.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; #my-drag{ width: 100px; height: 100px; border: solid 1px black; } #my-drag p{ text-align: center; } &lt;/style&gt; &lt;script type="text/javascript"&gt; function start() { var e = $('my-drag'); e.makeDraggable(); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="start();"&gt; &lt;div id="my-drag"&gt; &lt;p&gt;X&lt;/p&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Here's the same example using prototype scriptaculous - same issue</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" &gt; &lt;head&gt; &lt;title&gt;IE Drag problem&lt;/title&gt; &lt;script type="text/javascript" src="prototype.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="scriptaculous.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="effects.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="dragdrop.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; #my-drag{ width: 100px; height: 100px; border: solid 1px black; } #my-drag p{ text-align: center; } &lt;/style&gt; &lt;script type="text/javascript"&gt; function start() { new Draggable('my-drag', { starteffect: null, endeffect: null }); ; } &lt;/script&gt; &lt;/head&gt; &lt;body onload="start();"&gt; &lt;div id="my-drag"&gt; &lt;p&gt;X&lt;/p&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USdl__
    1. USdl__
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload