Subversion Repositories SmartDukaan

Rev

Rev 11240 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 11240 Rev 11244
Line 16... Line 16...
16
        width: Math.round(scaleX * 300),
16
        width: Math.round(scaleX * 300),
17
        height: Math.round(scaleY * 300),
17
        height: Math.round(scaleY * 300),
18
        marginLeft: -Math.round(scaleX * selection.x1),
18
        marginLeft: -Math.round(scaleX * selection.x1),
19
        marginTop: -Math.round(scaleY * selection.y1)
19
        marginTop: -Math.round(scaleY * selection.y1)
20
    });
20
    });
-
 
21
	
-
 
22
	$('#coor').val((Math.round(selection.x1))+','+(Math.round(selection.y1))+','+(Math.round(selection.x2))+','+(Math.round(selection.y2)));
21
 
23
 
22
    $('#x1').val((Math.round(selection.x1)));
-
 
23
    $('#y1').val((Math.round(selection.y1)));
-
 
24
    $('#x2').val((Math.round(selection.x2)));
-
 
25
    $('#y2').val((Math.round(selection.y2)));  
-
 
26
}
24
}
27
 
25
 
28
$(function () {
26
$(function () {
29
    $('#photo').imgAreaSelect({ handles: true,
27
    $('#photo').imgAreaSelect({ handles: true,
30
        fadeSpeed: 200, onSelectChange: preview });
28
        fadeSpeed: 200, onSelectChange: preview });
31
});
29
});
32
</script>
30
</script>
33
</head>
31
</head>
34
<body>
32
<body>
35
<div id="image" style="padding-bottom: 10px">
33
<div id="image" style="padding-bottom: 10px">
36
	<img src='/images/campaignImages/$action.getLink()' id="photo" style="float: left; border: 1px solid gray;">
34
	<img src='/images/campaignImages/$action.getLink()' id="photo" style="border: 1px solid gray;">
37
		<div style="float: left; width: 18%; margin-bottom: 10px; margin-left: 10px;">
-
 
38
    <table style="">
-
 
39
      <thead>
-
 
40
        <tr>
-
 
41
          <th colspan="2" style="font-size: 110%; font-weight: bold; text-align: left; padding-left: 0.1em;">
-
 
42
            Coordinates
-
 
43
          </th>
-
 
44
        </tr>
-
 
45
      </thead>
35
</div>
46
      <tbody>
-
 
47
        <tr>
-
 
48
          <td style="width: 10%;"><b>X<sub>1</sub>:</b></td>
-
 
49
 		      <td style="width: 30%;"><input type="text" id="x1" value="-"></td>
-
 
50
        </tr>
-
 
51
        <tr>
-
 
52
          <td><b>Y<sub>1</sub>:</b></td>
-
 
53
          <td><input type="text" id="y1" value="-"></td>
36
<div style="margin-top: 20px;" class="coordinates">
54
        </tr>
-
 
55
        <tr>
-
 
56
          <td><b>X<sub>2</sub>:</b></td>
-
 
57
          <td><input type="text" id="x2" value="-"></td>
37
<label style="margin-right: 10px;">Coordiates</label>
58
          <td></td>
-
 
59
          <td></td>
-
 
60
        </tr>
-
 
61
        <tr>
-
 
62
          <td><b>Y<sub>2</sub>:</b></td>
-
 
63
          <td><input type="text" id="y2" value="-"></td>
38
<input type="text" readonly="" id="coor">
64
          <td></td>
-
 
65
          <td></td>
-
 
66
        </tr>
-
 
67
      </tbody>
-
 
68
    </table>
-
 
69
  </div>
-
 
70
	</div>
39
</div>
71
</body>
40
</body>
72
</html>
41
</html>