Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>This is the code that was working for me</p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Simple Crop Interface&lt;/title&gt; &lt;style type="text/css"&gt; /*margin and padding on body element can introduce errors in determining element position and are not recommended; we turn them off as a foundation for YUI CSS treatments. */ body { margin:0; padding:0; } &lt;/style&gt; &lt;link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/resize/assets/skins/sam/resize.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/fonts/fonts-min.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/imagecropper/assets/skins/sam/imagecropper.css" /&gt; &lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/dragdrop/dragdrop-min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/resize/resize-min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://yui.yahooapis.com/2.9.0/build/imagecropper/imagecropper-min.js"&gt;&lt;/script&gt; &lt;!--there is no custom header content for this example--&gt; &lt;/head&gt; &lt;body class="yui-skin-sam"&gt; &lt;h1&gt;Simple Crop Interface&lt;/h1&gt; &lt;div class="exampleIntro"&gt; &lt;p&gt;This example shows how to make an image croppable.&lt;/p&gt; &lt;/div&gt; &lt;!--BEGIN SOURCE CODE FOR EXAMPLE =============================== --&gt; &lt;img id="yui_img" src="http://developer.yahoo.com/yui/examples/imagecropper/assets/yui.jpg"&gt; &lt;script&gt; (function() { var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event; var crop = new YAHOO.widget.ImageCropper('yui_img'); })(); &lt;/script&gt; &lt;!--END SOURCE CODE FOR EXAMPLE =============================== --&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>When I removed the last script ie </p> <pre><code>&lt;script&gt; (function() { var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event; var crop = new YAHOO.widget.ImageCropper('yui_img'); })(); &lt;/script&gt; </code></pre> <p>This code then the box dissappeared please check with your code. Maybe the javascript is essential or maybe ur missing some thing else. Better to keep all the js and css and try debugging removing one by one. You will get to know the specific point. And my code is hopefully working please let me know if it isn't. :)</p>
    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.
 

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