third_party/WebKit/LayoutTests/svg/carto.net/selectionlist.svg

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
   3 ]>
   4 <?AdobeSVGViewer save="snapshot"?>
   5 <svg width="100%" height="100%" viewBox="0 0 1024 768" onload="initMap(evt)"
   6         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
   7         zoomAndPan="disable">
   8         <script type="text/ecmascript" xlink:href="resources/helper_functions.js"/>
   9         <script type="text/ecmascript" xlink:href="resources/timer.js"/>
  10         <script type="text/ecmascript" xlink:href="resources/mapApp.js"/>
  11         <script type="text/ecmascript" xlink:href="resources/initSelectionList.js"/>
  12         <script type="text/ecmascript" xlink:href="resources/selectionList.js"/>
  13         <rect x="-1000" y="-1000" width="3000" height="3000" fill="white" stroke="none"/>
  14         <g fill="dimgray" font-family="Arial,Helvetica" font-size="11px">
  15                 <text x="350" y="60" font-weight="bold" font-size="13px">Selectionlist/Drop-Down List Demo</text>
  16                 <a xlink:href="index.shtml">
  17                         <text x="350" y="80">Link to Documentation</text>
  18                 </a>
  19                 <text x="350" y="112" onclick="var newWidth = 155 + Math.random()*30; selRoses.resize(newWidth)">Click on this text to randomly resize the selectionList</text>
  20                 <text x="350" y="127" onclick="var newX = 10 + Math.random()*60; selRoses.moveTo(newX,100)">Click on this text to randomly move the selectionList (x-axis)</text>
  21                 <text x="50" y="475" id="rosename">Butterscotch</text>
  22                 <text x="150" y="400">Loading Rose Image, Please be patient!</text>
  23                 <text x="240" y="747" onclick="removeSelFlowers()">Click this text to remove the Flowers
  24                                 selectionList<tspan x="240" dy="15">This list does not react on user input</tspan></text>
  25                 <!-- Labels -->
  26                 <text x="240" y="62">Fruits</text>
  27                 <text x="240" y="112">Roses</text>
  28                 <text x="240" y="732">Flowers, this selectionList opens above the box</text>
  29                 <text x="765" y="60">Select a base value to generate<tspan x="765" dy="15">random nrs for selnumber2</tspan></text>
  30                 <text x="765" y="112">This is selnumber2</text>
  31         </g>
  32         <image id="roseimage" x="50" y="150" width="410" height="307"
  33                 xlink:href="images/butterscotch.jpg"/>
  34
  35         <!-- Containers to hold new Graphics of SelectionLists, the position within the File is important -->
  36         <g transform="translate(550,20),rotate(30)">
  37                 <text x="220" y="212" fill="dimgray" font-family="Arial,Helvetica" font-size="11px"
  38                         >Communities of Kt. Aargau (Switzerland)<tspan x="220" dy="20">Note that one can also
  39                                 transform the group containing the selection list</tspan><tspan x="220" dy="20">This
  40                                 selectionlist does not react on user input (functionToCall is a undefined
  41                                 value)</tspan><tspan x="220" dy="20" onclick="toggleAargauOpenMode()">Click on this
  42                                 text to toggle "above"/"below" mode to open the box either to top or
  43                 bottom</tspan></text>
  44         </g>
  45         <g id="selectionLists">
  46                 <g id="communitiesAarau" transform="translate(550,20),rotate(30)"/>
  47                 <g id="flowers"/>
  48                 <g id="roses"/>
  49                 <g id="fruits"/>
  50                 <g id="selnumbers"/>
  51         </g>
  52 </svg>