Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery UI resizable not working at all
    text
    copied!<p>Ok here is the problem. jQuery Resizable just does not work on this page: <a href="http://www.dinomuhic.com/2010/test4.php" rel="noreferrer">click here</a> </p> <p>Try it out on the grey box in the upper left corner.</p> <p>What I want to do is make the shoutbox on the right size resizable. But it didn't work so I tried to just copy everything from the jQuery UI example page into my one and try it out. So I added the grey box the same way they did, using even the same css but it won't work. </p> <p>Here's how the libraries are called:</p> <pre><code> &lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; google.load("jquery", "1.4.1"); google.load("jqueryui", "1.7.2"); google.setOnLoadCallback(function() { }); &lt;/script&gt; &lt;script type="text/javascript" src="js/thickbox.js"&gt;&lt;/script&gt; &lt;script type='text/javascript' src='js/jqueryEasingMin.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='js/jquery.imghover-1.1rc.js'&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/shoutbox.js" &gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/bbcode.js" &gt;&lt;/script&gt; &lt;script type='text/javascript' src='js/jqueryLoader2.js'&gt;&lt;/script&gt; </code></pre> <p>script inside document ready function (like in example):</p> <pre><code> $('#resizable').resizable(); </code></pre> <p>CSS of the grey box:</p> <pre><code>&lt;style type="text/css"&gt; #resizable { width: 100px; height: 100px; background: silver; position:relative; z-index:15;} &lt;/style&gt; </code></pre> <p>I had to add the position and z-index parameters because of the design of my site but that seems not to affect anything.</p> <p>And implementation:</p> <pre><code> &lt;div id="resizable"&gt;&lt;/div&gt; </code></pre> <p>I think I'm missing something really obvious here but I can't see it. I even tried it with linking the jquery UI libraries to a local directory instead of using google's ones.</p> <p>I would really appreciate a nod in the right direction. Thank you</p>
 

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