# HG changeset patch # User robcast # Date 1297339270 -3600 # Node ID f640f1fe8f800032c11e177b0386d014e61ccf71 # Parent aab01da232efe091d27388de2ece70d23106172b# Parent 31664707999e6f7a1e9c7129958b13376c7429e8 merge with 31664707999e6f7a1e9c7129958b13376c7429e8 diff -r 31664707999e -r f640f1fe8f80 client/digitallibrary/jquery/jquery-test-embedded.html --- a/client/digitallibrary/jquery/jquery-test-embedded.html Thu Feb 10 12:51:19 2011 +0100 +++ b/client/digitallibrary/jquery/jquery-test-embedded.html Thu Feb 10 13:01:10 2011 +0100 @@ -15,6 +15,11 @@ /* width: 220px; */ } + div.svg { + position: absolute; + background: transparent; + } + td { vertical-align: top; } diff -r 31664707999e -r f640f1fe8f80 client/digitallibrary/jquery/jquery-test-full.html --- a/client/digitallibrary/jquery/jquery-test-full.html Thu Feb 10 12:51:19 2011 +0100 +++ b/client/digitallibrary/jquery/jquery-test-full.html Thu Feb 10 13:01:10 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 31664707999e -r f640f1fe8f80 client/digitallibrary/jquery/svg/svgBasics.html --- a/client/digitallibrary/jquery/svg/svgBasics.html Thu Feb 10 12:51:19 2011 +0100 +++ b/client/digitallibrary/jquery/svg/svgBasics.html Thu Feb 10 13:01:10 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

+
+ +
+
+

+ + + + + + +

+