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 |
