Changeset 1808

Timestamp:

06.02.2012 21:43:35 (4 months ago)

Author:

zmsdev

Message:

Ticket#27 (uni-bern): added support for manual setting of image-dimensions

Location:

ZMS/trunk

Files:

• dtml/objattrs/f_select_image.dtml (modified) (1 diff)
• plugins/www/objattrs/zmi.blob.ZMSGraphic_extEdit.js (modified) (1 diff)

ZMS/trunk/dtml/objattrs/f_select_image.dtml

@@ -25 +25 @@
                                 <dtml-var "getZMILangStr('ATTR_WIDTH')"> x 
                                 <dtml-var "getZMILangStr('ATTR_HEIGHT')">
-                                <dtml-var "getTextInput(fmName=fmName,elName='ZMSGraphic_extEdit_width:int',size=4,value=0,enabled=False)"> x
-                                <dtml-var "getTextInput(fmName=fmName,elName='ZMSGraphic_extEdit_height:int',size=4,value=0,enabled=False)"> px
+                                <dtml-var "getTextInput(fmName=fmName,elName='ZMSGraphic_extEdit_width:int',size=4,value=0)"> x
+                                <dtml-var "getTextInput(fmName=fmName,elName='ZMSGraphic_extEdit_height:int',size=4,value=0)"> px
+                                <input class="form-checkbox" type="checkbox" id="ZMSGraphic_extEdit_proportional" checked="checked"/><span class="form-small">Proportional</span>
                                 <input class="ui-button ui-state-default ui-corner-all" type="submit" name="btn" value="<dtml-var "getZMILangStr('BTN_APPLY')">" onclick="return ZMSGraphic_extEdit_apply();">
                         </td>

ZMS/trunk/plugins/www/objattrs/zmi.blob.ZMSGraphic_extEdit.js

@@ -237 +237 @@
 
 $(function () {
+        $("#ZMSGraphic_extEdit_width").keyup(function(){
+                        var w = parseInt($(this).val());
+                        if ($("#ZMSGraphic_extEdit_proportional").prop("checked")) {
+                                var v = w/ZMSGraphic_act_width;
+                                var h = Math.round(v*ZMSGraphic_act_height);
+                                $("#ZMSGraphic_extEdit_height").val(h);
+                        }
+                        var h = $("#ZMSGraphic_extEdit_height").val();
+                        $ZMSGraphic_img.attr({'width':w,'height':h});
+                });
+        $("#ZMSGraphic_extEdit_height").keyup(function(){
+                        var h = parseInt($(this).val());
+                        if ($("#ZMSGraphic_extEdit_proportional").prop("checked")) {
+                                var v = h/ZMSGraphic_act_height;
+                                var w = Math.round(v*ZMSGraphic_act_width);
+                                $("#ZMSGraphic_extEdit_width").val(w);
+                        }
+                        var w = $("#ZMSGraphic_extEdit_width").val();
+                        $ZMSGraphic_img.attr({'width':w,'height':h});
+                });
         $("#ZMSGraphic_extEdit_vslider").slider({
                 orientation: "vertical",