# HG changeset patch # User hertzhaft # Date 1297326056 -3600 # Node ID aab01da232efe091d27388de2ece70d23106172b # Parent 16778bd2de7cd04390ad7b8f5b828ce42320bbd7 small preparations for SVG diff -r 16778bd2de7c -r aab01da232ef client/digitallibrary/jquery/jquery-test-embedded.html --- a/client/digitallibrary/jquery/jquery-test-embedded.html Wed Feb 09 10:22:29 2011 +0100 +++ b/client/digitallibrary/jquery/jquery-test-embedded.html Thu Feb 10 09:20:56 2011 +0100 @@ -15,6 +15,11 @@ /* width: 220px; */ } + div.svg { + position: absolute; + background: transparent; + } + td { vertical-align: top; } diff -r 16778bd2de7c -r aab01da232ef client/digitallibrary/jquery/jquery-test-full.html --- a/client/digitallibrary/jquery/jquery-test-full.html Wed Feb 09 10:22:29 2011 +0100 +++ b/client/digitallibrary/jquery/jquery-test-full.html Thu Feb 10 09:20:56 2011 +0100 @@ -9,6 +9,26 @@ background: silver; } + div.digilib { + /* padding for buttons and bird-div */ + padding-right: 18px; + padding-bottom: 100px; + /* width: 220px; */ + } + + div.svg { + position: absolute; + background: transparent; + } + + td { + vertical-align: top; + } + + div#test:hover { + background-color: cornsilk; + } + #debug { background-color: beige; position: absolute; @@ -21,6 +41,17 @@ font-size: 9px; } + div._log { + color: grey; + } + + div._debug { + color: darkgreen; + } + + div._error { + color: red; + } diff -r 16778bd2de7c -r aab01da232ef client/digitallibrary/jquery/svg/svgBasics.html --- a/client/digitallibrary/jquery/svg/svgBasics.html Wed Feb 09 10:22:29 2011 +0100 +++ b/client/digitallibrary/jquery/svg/svgBasics.html Thu Feb 10 09:20:56 2011 +0100 @@ -1,19 +1,28 @@ + - - -jQuery SVG Basics - - - - + + + - - -

jQuery SVG Basics

-

This page demonstrates the very basics of the jQuery SVG plugin. - It contains the minimum requirements for using the plugin and - can be used as the basis for your own experimentation.

-

The page creates an SVG document in the area below and draws an initial display. - The buttons then add randomly sized and coloured shapes on demand.

-

For more detail see the documentation reference page.

-
-

- -

- + + +

jQuery SVG

+
+ +
+
+

+ + + + + + +

+