tests/mandel_nav/mandel_nav.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html>
   4 <head>
   5   <title> Mandelbrot Viewer </title>
   6   <link rel="stylesheet" href="mandel_nav.css" type="text/css" media="screen" title="no title" charset="utf-8">
   7   <script src="mandel_nav.js" type="text/javascript" charset="utf-8"></script>
   8 </head>
   9
  10
  11 <body onload='Init();'><h1> Native Client Mandelbrot Viewer </h1>
  12
  13
  14   <div class="viewport_div">
  15     <div class"navigation_column">
  16       <div class="navigation">
  17         <img name="controls_hotspots" src="controls_hotspots.png"
  18         border="0" id="controls_hotspots" usemap="#m_controls_hotspots"
  19         alt="" />
  20         <map name="m_controls_hotspots" id="m_controls_hotspots">
  21           <area shape="rect" coords="21,361,37,380" onclick='nav.zoomOut();'
  22                 onmousedown='nav.repZoomOut(this)'
  23                 onmouseup='nav.stopInterval(this)'alt="" />
  24           <area shape="rect" coords="20,65,37,85" onclick='nav.zoomIn();'
  25                 onmousedown='nav.repZoomIn(this)'
  26                 onmouseup='nav.stopInterval(this)'alt="" />
  27           <area shape="rect" coords="3,21,21,35" onclick='nav.moveLeft();'
  28                 onmousedown='nav.repMoveLeft(this)'
  29                 onmouseup='nav.stopInterval(this)'alt="" />
  30           <area shape="rect" coords="22,35,36,55" onclick='nav.moveDown();'
  31                 onmousedown='nav.repMoveDown(this)'
  32                 onmouseup='nav.stopInterval(this)'alt="" />
  33           <area shape="rect" coords="36,21,55,35" onclick='nav.moveRight();'
  34                 onmousedown='nav.repMoveRight(this)'
  35                 onmouseup='nav.stopInterval(this)'alt="" />
  36           <area shape="rect" coords="22,2,36,22" onclick='nav.moveUp();'
  37                 onmousedown='nav.repMoveUp(this)'
  38                 onmouseup='nav.stopInterval(this)'alt="" />
  39         </map>
  40       </div>
  41     </div> <!-- /navigation_column -->
  42
  43     <div class="viewport_column">
  44       <div class="controls">
  45         <div class="cycle_colors_cntl" id="cycle_colors_cntl"
  46              onclick='nav.mandel.toggleColorShift()'>
  47           <img src="cycle_colors_out.png" class="control_image"
  48                id="cycle_colors_img" alt="Cycle Colors" />
  49         </div>
  50       </div>
  51       <embed type="application/x-nacl-srpc" id="nacl" src="mandel_nav.nexe"
  52              class="viewport" width="500" height="500" onclick="" />
  53     </div> <!-- /viewport_column -->
  54
  55   </div> <!-- /viewport div-->
  56   <div id="nacl_time" class="nacl_time">
  57   </div>
  58
  59   <div class="coords">
  60     <input size=5 id='xright' onchange='nav.mandel.timedDraw()' />,
  61     <input size=5 id='ytop' onchange='nav.mandel.timedDraw()' />
  62     <input size=5 id='xleft' onchange='nav.mandel.timedDraw()' />,
  63     <input size=5 id='ybottom' onchange='nav.mandel.timedDraw()' />
  64   </div>
  65
  66 </body>
  67 </html>