Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy can't I drag, nor resize my datatable
    primarykey
    data
    text
    <p>In function LoadXml() i create table using google visualisation table api; which i put in a div.Also i have another div which takes the whole page of my browser wih a google map!</p> <p>I want to drag and resize my div with table and i thiink it should work -but it doesn't.</p> <pre><code> &lt;html&gt; &lt;head&gt; &lt;style&gt; #wrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; } #table { position: absolute; top: 10px; left: 10px; width: 150px; height: 150px; } &lt;/style&gt; &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; google.load('visualization', '1', {packages: ['table']}); &lt;/script&gt; &lt;script src="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=false&amp;amp;key=AIzaSyBwQlpVsFgaZ2EjeUSeQiSICP1UwPV9o9c" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /&gt; &lt;script src="http://code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt; &lt;script type="text/javascript"&gt; $(function() { $( "#table" ).resizable(); }); $(function() { $( "#table" ).draggable(); }); function initialize() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("wrapper")); map.setCenter(new GLatLng(42.143365, 24.751032), 13); map.setUIToDefault(); } } function loadXMLDoc(l) { arrayMyAddresses = []; intPNum=l; s=l; xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200) { //alert(xmlhttp.responseText); var xmlObj = xmlhttp.responseXML; var textXML = xmlObj.documentElement.firstChild.firstChild.nodeValue; //parsing data //create array with name rec to hol our data for the datatable var rec = new Array(); tblTst = google.visualization.arrayToDataTable(rec); visual = new google.visualization.Table(document.getElementById('table')); } } // making ajax call to the server } &lt;/script&gt; &lt;/head&gt; &lt;body onload= "loadXMLDoc(1),initialize();"&gt; &lt;div id = "wrapper"&gt; &lt;/div&gt; &lt;div id = "table" &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.
    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. This table or related slice is empty.
 

Querying!

 
Guidance

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