]> git.mxchange.org Git - friendica.git/blobdiff - library/cropper/tests/example-DynamicImage.htm
eliminate Cropper conflicts with jQuery
[friendica.git] / library / cropper / tests / example-DynamicImage.htm
index 898363489e15ecf64420d20fc118ca38edbad723..08240bb63ddcb59b3a8386970ac1437d9e88ccfa 100644 (file)
@@ -55,9 +55,9 @@
                         * @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