Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery-test-svg.html @ 1120:8bd10cd04169
authentication for annotations with password works now. (permissions are still flaky.)
author | robcast |
---|---|
date | Wed, 07 Nov 2012 18:09:57 +0100 |
parents | 6407c33355a2 |
children | bd90fdfd55f7 |
rev | line source |
---|---|
778 | 1 <?xml version="1.0" ?> |
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
1055 | 3 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" > |
778 | 4 <head> |
1054 | 5 <title>jquery.digilib.svg.js test</title> |
778 | 6 |
947 | 7 <script type="text/javascript" src="jquery.js"></script> |
778 | 8 <script type="text/javascript" src="jquery.cookie.js"></script> |
9 <script type="text/javascript" src="jquery.digilib.js"></script> | |
788 | 10 <script type="text/javascript" src="jquery.digilib.geometry.js"></script> |
1051
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
11 <script type="text/javascript" src="jquery.digilib.arrows.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
12 <script type="text/javascript" src="jquery.range.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
13 <link rel="stylesheet" type="text/css" href="jquery.range.css" /> |
947 | 14 <script type="text/javascript" src="jquery.digilib.buttons.js"></script> |
1051
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
15 <script type="text/javascript" src="jquery.digilib.dialogs.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
16 <script type="text/javascript" src="jquery.digilib.sliders.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
17 <script type="text/javascript" src="jquery.digilib.birdseye.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
18 <script type="text/javascript" src="jquery.digilib.marks.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
19 <script type="text/javascript" src="jquery.digilib.regions.js"></script> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
20 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" /> |
778 | 21 <script type="text/javascript" src="svg/jquery.svg.js"></script> |
1054 | 22 <script type="text/javascript" src="jquery.digilib.svg.js"></script> |
23 <link rel="stylesheet" type="text/css" href="jquery.digilib.svg.css" /> | |
778 | 24 |
25 <script type="text/javascript"> | |
26 $(document).ready(function(){ | |
27 var opts = { | |
28 interactionMode : 'fullscreen', | |
1051
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
29 showRegionNumbers : true |
778 | 30 }; |
1051
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
31 var $div = $('div#digilib'); |
778 | 32 $div.digilib(opts); |
1054 | 33 DIGILIB = function (action) { |
34 return $div.digilib(action); | |
35 }; | |
778 | 36 }); |
37 </script> | |
38 </head> | |
39 | |
40 <body> | |
41 | |
1051
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
42 <div id="digilib"> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
43 <p>digilib doesn't work! Please switch on Javascript or notify the server administrator!</p> |
ad769aaea759
adapt digilibSVG plugin to new plugin architecture
hertzhaft
parents:
947
diff
changeset
|
44 <img src="http://digilib.berlios.de/images/digilib-logo-big.png" /> |
778 | 45 </div> |
1054 | 46 |
1082 | 47 <a href="javascript: DIGILIB('test')">test</a> |
1054 | 48 |
49 <div id="dl_svgdiv"> | |
1055 | 50 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1 1"> |
51 <g style="stroke-width: 0.005; fill: none"> | |
52 <rect x="0.0" y="0.0" width="1.0" height="1.0" style="stroke: red" /> | |
53 <rect x="0.1" y="0.1" width="0.8" height="0.8" style="stroke: orange" /> | |
54 <rect x="0.2" y="0.2" width="0.6" height="0.6" style="stroke: yellow" /> | |
55 <rect x="0.3" y="0.3" width="0.4" height="0.4" style="stroke: green" /> | |
56 <rect x="0.4" y="0.4" width="0.2" height="0.2" style="stroke: cyan" /> | |
57 <g style="fill:magenta; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
58 <rect x="0.025" y="0.025" width="0.05" height="0.05"/> | |
59 <rect x="0.125" y="0.025" width="0.05" height="0.05"/> | |
60 <rect x="0.225" y="0.025" width="0.05" height="0.05"/> | |
61 <rect x="0.325" y="0.025" width="0.05" height="0.05"/> | |
62 <rect x="0.425" y="0.025" width="0.05" height="0.05"/> | |
63 <rect x="0.525" y="0.025" width="0.05" height="0.05"/> | |
64 <rect x="0.625" y="0.025" width="0.05" height="0.05"/> | |
65 <rect x="0.725" y="0.025" width="0.05" height="0.05"/> | |
66 <rect x="0.825" y="0.025" width="0.05" height="0.05"/> | |
67 <rect x="0.925" y="0.025" width="0.05" height="0.05"/> | |
68 </g> | |
69 <g style="fill:blue; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
70 <rect x="0.025" y="0.125" width="0.05" height="0.05"/> | |
71 <rect x="0.125" y="0.125" width="0.05" height="0.05"/> | |
72 <rect x="0.225" y="0.125" width="0.05" height="0.05"/> | |
73 <rect x="0.325" y="0.125" width="0.05" height="0.05"/> | |
74 <rect x="0.425" y="0.125" width="0.05" height="0.05"/> | |
75 <rect x="0.525" y="0.125" width="0.05" height="0.05"/> | |
76 <rect x="0.625" y="0.125" width="0.05" height="0.05"/> | |
77 <rect x="0.725" y="0.125" width="0.05" height="0.05"/> | |
78 <rect x="0.825" y="0.125" width="0.05" height="0.05"/> | |
79 <rect x="0.925" y="0.125" width="0.05" height="0.05"/> | |
80 </g> | |
81 <g style="fill:cyan; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
82 <rect x="0.025" y="0.225" width="0.05" height="0.05"/> | |
83 <rect x="0.125" y="0.225" width="0.05" height="0.05"/> | |
84 <rect x="0.225" y="0.225" width="0.05" height="0.05"/> | |
85 <rect x="0.325" y="0.225" width="0.05" height="0.05"/> | |
86 <rect x="0.425" y="0.225" width="0.05" height="0.05"/> | |
87 <rect x="0.525" y="0.225" width="0.05" height="0.05"/> | |
88 <rect x="0.625" y="0.225" width="0.05" height="0.05"/> | |
89 <rect x="0.725" y="0.225" width="0.05" height="0.05"/> | |
90 <rect x="0.825" y="0.225" width="0.05" height="0.05"/> | |
91 <rect x="0.925" y="0.225" width="0.05" height="0.05"/> | |
92 </g> | |
93 <g style="fill:green; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
94 <rect x="0.025" y="0.325" width="0.05" height="0.05"/> | |
95 <rect x="0.125" y="0.325" width="0.05" height="0.05"/> | |
96 <rect x="0.225" y="0.325" width="0.05" height="0.05"/> | |
97 <rect x="0.325" y="0.325" width="0.05" height="0.05"/> | |
98 <rect x="0.425" y="0.325" width="0.05" height="0.05"/> | |
99 <rect x="0.525" y="0.325" width="0.05" height="0.05"/> | |
100 <rect x="0.625" y="0.325" width="0.05" height="0.05"/> | |
101 <rect x="0.725" y="0.325" width="0.05" height="0.05"/> | |
102 <rect x="0.825" y="0.325" width="0.05" height="0.05"/> | |
103 <rect x="0.925" y="0.325" width="0.05" height="0.05"/> | |
104 </g> | |
105 <g style="fill:yellow; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
106 <rect x="0.025" y="0.425" width="0.05" height="0.05"/> | |
107 <rect x="0.125" y="0.425" width="0.05" height="0.05"/> | |
108 <rect x="0.225" y="0.425" width="0.05" height="0.05"/> | |
109 <rect x="0.325" y="0.425" width="0.05" height="0.05"/> | |
110 <rect x="0.425" y="0.425" width="0.05" height="0.05"/> | |
111 <rect x="0.525" y="0.425" width="0.05" height="0.05"/> | |
112 <rect x="0.625" y="0.425" width="0.05" height="0.05"/> | |
113 <rect x="0.725" y="0.425" width="0.05" height="0.05"/> | |
114 <rect x="0.825" y="0.425" width="0.05" height="0.05"/> | |
115 <rect x="0.925" y="0.425" width="0.05" height="0.05"/> | |
116 </g> | |
117 <g style="fill:orange; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
118 <rect x="0.025" y="0.525" width="0.05" height="0.05"/> | |
119 <rect x="0.125" y="0.525" width="0.05" height="0.05"/> | |
120 <rect x="0.225" y="0.525" width="0.05" height="0.05"/> | |
121 <rect x="0.325" y="0.525" width="0.05" height="0.05"/> | |
122 <rect x="0.425" y="0.525" width="0.05" height="0.05"/> | |
123 <rect x="0.525" y="0.525" width="0.05" height="0.05"/> | |
124 <rect x="0.625" y="0.525" width="0.05" height="0.05"/> | |
125 <rect x="0.725" y="0.525" width="0.05" height="0.05"/> | |
126 <rect x="0.825" y="0.525" width="0.05" height="0.05"/> | |
127 <rect x="0.925" y="0.525" width="0.05" height="0.05"/> | |
128 </g> | |
129 <g style="fill:red; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
130 <rect x="0.025" y="0.625" width="0.05" height="0.05"/> | |
131 <rect x="0.125" y="0.625" width="0.05" height="0.05"/> | |
132 <rect x="0.225" y="0.625" width="0.05" height="0.05"/> | |
133 <rect x="0.325" y="0.625" width="0.05" height="0.05"/> | |
134 <rect x="0.425" y="0.625" width="0.05" height="0.05"/> | |
135 <rect x="0.525" y="0.625" width="0.05" height="0.05"/> | |
136 <rect x="0.625" y="0.625" width="0.05" height="0.05"/> | |
137 <rect x="0.725" y="0.625" width="0.05" height="0.05"/> | |
138 <rect x="0.825" y="0.625" width="0.05" height="0.05"/> | |
139 <rect x="0.925" y="0.625" width="0.05" height="0.05"/> | |
140 </g> | |
141 <g style="fill:magenta; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
142 <rect x="0.025" y="0.725" width="0.05" height="0.05"/> | |
143 <rect x="0.125" y="0.725" width="0.05" height="0.05"/> | |
144 <rect x="0.225" y="0.725" width="0.05" height="0.05"/> | |
145 <rect x="0.325" y="0.725" width="0.05" height="0.05"/> | |
146 <rect x="0.425" y="0.725" width="0.05" height="0.05"/> | |
147 <rect x="0.525" y="0.725" width="0.05" height="0.05"/> | |
148 <rect x="0.625" y="0.725" width="0.05" height="0.05"/> | |
149 <rect x="0.725" y="0.725" width="0.05" height="0.05"/> | |
150 <rect x="0.825" y="0.725" width="0.05" height="0.05"/> | |
151 <rect x="0.925" y="0.725" width="0.05" height="0.05"/> | |
152 </g> | |
153 <g style="fill:blue; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
154 <rect x="0.025" y="0.825" width="0.05" height="0.05"/> | |
155 <rect x="0.125" y="0.825" width="0.05" height="0.05"/> | |
156 <rect x="0.225" y="0.825" width="0.05" height="0.05"/> | |
157 <rect x="0.325" y="0.825" width="0.05" height="0.05"/> | |
158 <rect x="0.425" y="0.825" width="0.05" height="0.05"/> | |
159 <rect x="0.525" y="0.825" width="0.05" height="0.05"/> | |
160 <rect x="0.625" y="0.825" width="0.05" height="0.05"/> | |
161 <rect x="0.725" y="0.825" width="0.05" height="0.05"/> | |
162 <rect x="0.825" y="0.825" width="0.05" height="0.05"/> | |
163 <rect x="0.925" y="0.825" width="0.05" height="0.05"/> | |
164 </g> | |
165 <g style="fill:darkgrey; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> | |
166 <rect x="0.025" y="0.925" width="0.05" height="0.05"/> | |
167 <rect x="0.125" y="0.925" width="0.05" height="0.05"/> | |
168 <rect x="0.225" y="0.925" width="0.05" height="0.05"/> | |
169 <rect x="0.325" y="0.925" width="0.05" height="0.05"/> | |
170 <rect x="0.425" y="0.925" width="0.05" height="0.05"/> | |
171 <rect x="0.525" y="0.925" width="0.05" height="0.05"/> | |
172 <rect x="0.625" y="0.925" width="0.05" height="0.05"/> | |
173 <rect x="0.725" y="0.925" width="0.05" height="0.05"/> | |
174 <rect x="0.825" y="0.925" width="0.05" height="0.05"/> | |
175 <rect x="0.925" y="0.925" width="0.05" height="0.05"/> | |
176 </g> | |
177 </g> | |
178 </svg> | |
1054 | 179 </div> |
180 | |
778 | 181 </body> |
182 </html> | |
183 |