comparison client/digitallibrary/jquery/svg/jquery.digilibSVG.js @ 781:d5f47dfaf0ce jquery

status line for SVG measuring tool
author hertzhaft
date Sun, 13 Feb 2011 17:36:31 +0100
parents f8235c42f4a0
children 7703ff1f2173
comparison
equal deleted inserted replaced
780:a34686e7c151 781:d5f47dfaf0ce
115 'subunits' : $(this).attr("subunits") 115 'subunits' : $(this).attr("subunits")
116 }); 116 });
117 }); 117 });
118 settings.units = units; 118 settings.units = units;
119 // unit selects 119 // unit selects
120 var $unit = $('<select id="svg-unit"/>'); 120 var $unit1 = $('<select id="svg-convert1"/>');
121 var $conv = $('<select id="svg-convert"/>'); 121 var $unit2 = $('<select id="svg-convert2"/>');
122 for (var i = 0; i < units.length; i++) { 122 for (var i = 0; i < units.length; i++) {
123 var name = units[i].name; 123 var name = units[i].name;
124 var $opt = $('<option value="' + i + '">' + name + '</option>'); 124 var $opt = $('<option value="' + i + '">' + name + '</option>');
125 $unit.append($opt); 125 $unit1.append($opt);
126 $conv.append($opt.clone()); 126 $unit2.append($opt.clone());
127 } 127 }
128 // other elements 128 // other elements
129 var $px = $('<span id="svg-pixel"/>'); 129 var $la1 = $('<span class="svg-label">pixel</span>');
130 var $pxlabel = $('<span id="svg-pixellabel"> px x </span>'); 130 var $la2 = $('<span class="svg-label">factor</span>');
131 var $pxfactor = $('<span id="svg-pixelfactor"/>'); 131 var $la3 = $('<span class="svg-label">=</span>');
132 var $la4 = $('<span class="svg-label">=</span>');
133 var $px = $('<span id="svg-pixel" class="svg-number">0.0</span>');
134 var $factor = $('<span id="svg-factor" class="svg-number">0.0</span>');
135 var $result1 = $('<input id="svg-unit1" class="svg-input" value="0.0"/>');
136 var $result2 = $('<input id="svg-unit2" class="svg-input" value="0.0"/>');
137 var $angle = $('<span id="svg-angle" class="svg-number">0.0</span>');
132 $('body').append($toolbar); 138 $('body').append($toolbar);
133 $toolbar.append($shape); 139 $toolbar.append($shape);
140 $toolbar.append($la1);
134 $toolbar.append($px); 141 $toolbar.append($px);
135 $toolbar.append($pxlabel); 142 $toolbar.append($la2);
136 $toolbar.append($pxfactor); 143 $toolbar.append($factor);
137 $toolbar.append($unit); 144 $toolbar.append($la3);
138 $toolbar.append($conv); 145 $toolbar.append($result1);
146 $toolbar.append($unit1);
147 $toolbar.append($la4);
148 $toolbar.append($result2);
149 $toolbar.append($unit2);
150 $toolbar.append($angle);
139 }; 151 };
140 152
141 var actions = { 153 var actions = {
142 "init" : function(options) { 154 "init" : function(options) {
143 var $digilib = this; 155 var $digilib = this;