* @return void\r
*/\r
setImage: function( imgSrc, w, h ) {\r
- $( 'testImage' ).src = imgSrc;\r
- $( 'testImage' ).width = w;\r
- $( 'testImage' ).height = h;\r
+ $PR( 'testImage' ).src = imgSrc;\r
+ $PR( 'testImage' ).width = w;\r
+ $PR( 'testImage' ).height = h;\r
this.attachCropper();\r
},\r
\r
\r
// setup the callback function\r
function onEndCrop( coords, dimensions ) {\r
- $( 'x1' ).value = coords.x1;\r
- $( 'y1' ).value = coords.y1;\r
- $( 'x2' ).value = coords.x2;\r
- $( 'y2' ).value = coords.y2;\r
- $( 'width' ).value = dimensions.width;\r
- $( 'height' ).value = dimensions.height;\r
+ $PR( 'x1' ).value = coords.x1;\r
+ $PR( 'y1' ).value = coords.y1;\r
+ $PR( 'x2' ).value = coords.x2;\r
+ $PR( 'y2' ).value = coords.y2;\r
+ $PR( 'width' ).value = dimensions.width;\r
+ $PR( 'height' ).value = dimensions.height;\r
}\r
\r
// basic example\r
'load', \r
function() { \r
CropImageManager.init();\r
- Event.observe( $('removeCropper'), 'click', CropImageManager.removeCropper.bindAsEventListener( CropImageManager ), false );\r
- Event.observe( $('resetCropper'), 'click', CropImageManager.resetCropper.bindAsEventListener( CropImageManager ), false );\r
- Event.observe( $('imageChoice'), 'change', CropImageManager.onChange.bindAsEventListener( CropImageManager ), false );\r
+ Event.observe( $PR('removeCropper'), 'click', CropImageManager.removeCropper.bindAsEventListener( CropImageManager ), false );\r
+ Event.observe( $PR('resetCropper'), 'click', CropImageManager.resetCropper.bindAsEventListener( CropImageManager ), false );\r
+ Event.observe( $PR('imageChoice'), 'change', CropImageManager.onChange.bindAsEventListener( CropImageManager ), false );\r
}\r
); \r
\r
\r
<p>\r
<input type="button" id="removeCropper" value="Remove Cropper" />\r
- <input type="button" id="resetCropper" value="Reset Cropper" />
+ <input type="button" id="resetCropper" value="Reset Cropper" />\r
</p>\r
\r
\r