view webapp/src/main/webapp/jquery/jquery-test-svg.html @ 1054:6488318df736

stuff for svg testing
author hertzhaft
date Tue, 27 Mar 2012 00:01:20 +0200
parents ad769aaea759
children f6292c6ec440
line wrap: on
line source

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>jquery.digilib.svg.js test</title>

        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="jquery.cookie.js"></script>
        <script type="text/javascript" src="jquery.digilib.js"></script>
        <script type="text/javascript" src="jquery.digilib.geometry.js"></script>
        <script type="text/javascript" src="jquery.digilib.arrows.js"></script>
        <script type="text/javascript" src="jquery.range.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.range.css" />
        <script type="text/javascript" src="jquery.digilib.buttons.js"></script>
        <script type="text/javascript" src="jquery.digilib.dialogs.js"></script>
        <script type="text/javascript" src="jquery.digilib.sliders.js"></script>
        <script type="text/javascript" src="jquery.digilib.birdseye.js"></script>
        <script type="text/javascript" src="jquery.digilib.marks.js"></script>
        <script type="text/javascript" src="jquery.digilib.regions.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
        <script type="text/javascript" src="svg/jquery.svg.js"></script>
        <script type="text/javascript" src="jquery.digilib.svg.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.digilib.svg.css" />

        <script type="text/javascript">
            $(document).ready(function(){
                var opts = {
                    interactionMode : 'fullscreen',
                    showRegionNumbers : true
                    };
                var $div = $('div#digilib');
                $div.digilib(opts);
                DIGILIB = function (action) {
                    return $div.digilib(action);
                    };
            });
        </script>
    </head>

    <body>

        <div id="digilib">
            <p>digilib doesn't work! Please switch on Javascript or notify the server administrator!</p>
            <img src="http://digilib.berlios.de/images/digilib-logo-big.png" />
        </div>

        <a href="javascript: DIGILIB('about')">about</a>

        <div id="dl_svgdiv">
            <img src="test1.svg" />
        </div>

    </body>
</html>