SiPixelMonitorClient/test/TrackerMapME.html

0001 <html>
0002 <!--
0003  Author: D. Menasce
0004  Mockup for the Pixel Tracker Map
0005 -->
0006
0007 <meta http-equiv="pragma"
0008       content   ="no-cache">
0009
0010 <head>
0011  <link   rel  = "stylesheet"
0012          type = "text/css"
0013      href = "css_files/trace.css">
0014  <link   rel  = "stylesheet"
0015          type = "text/css"
0016      href = "css_files/wz_dragdrop.css">
0017  <link   rel  = "stylesheet"
0018          type = "text/css"
0019      href = "css_files/magnifier.css">
0020  <link   rel  = "stylesheet"
0021          type = "text/css"
0022      href = "css_files/right.css">
0023
0024  <script type = "text/javascript"
0025          src  = "WebLib.js">
0026  </script>
0027  <script type = "text/javascript"
0028          src  = "js_files/magnifier.js">
0029  </script>
0030  <script type = "text/javascript"
0031          src  = "js_files/wz_dragdrop.js">
0032  </script>
0033  <script type = "text/javascript"
0034          src  = "js_files/DMLibrary.js">
0035  </script>
0036  <script type = "text/javascript"
0037          src  = "js_files/right.js">
0038  </script>
0039
0040 </head>
0041
0042 <body onload  = "RightFrame.initializeRightFrame()"
0043       bgcolor = "#414141">
0044
0045  <center>
0046   <table id          = "pictTable"
0047          border      = "1"
0048      width       = "100%"
0049      cellpadding = "1"
0050      cellspacing = "1">
0051    <tr>
0052     <td align="center">
0053      <h3>Available MEs</h3>
0054     </td>
0055     <td align="center">
0056      <h3>TKMap color code generator</h3>
0057     </td>
0058    </tr>
0059
0060    <tr align="center">
0061     <td width="150">
0062      <iframe src    ="rightEmbedded.html"
0063              id     ="superFrame"
0064              width  ="290"
0065              height ="230"
0066              scrolling  ="auto"
0067              frameborder="1"></iframe>
0068     </td>
0069
0070     <td>
0071      <div   id          = "binding"
0072             name        = "binding0">
0073       <img  id          = "baseImage0"
0074             src         = "images/EmptyPlot.png"
0075             name        = "baseImage0"
0076         alt         = "picture geometry:800x600"
0077         onload      = "RightFrame.loading('binding0','baseImage0')"
0078         onclick     = "RightFrame.transport(event)"
0079         onmouseover = "this.T_SHADOWWIDTH=4;
0080                        this.T_OPACITY    =70;
0081                this.T_FONTCOLOR  ='#000000';
0082                this.T_WIDTH      =320;
0083                return escape('Click to send to pan/zoom area');"
0084         width       = "267"
0085         height      = "200" />
0086      </div>
0087     </td>
0088    </tr>
0089    <tr>
0090     <td colspan="2">
0091      <table border      = "0"
0092             cellpadding = "2"
0093         cellspacing = "1">
0094       <tr>
0095        <td>
0096         <form name   = "MEListForm"
0097               action = "javascript:void()">
0098          <h3>MEs:
0099           <select id       = "MEListCB"
0100               class    = "comboBox"
0101               name     = "MEListCB"
0102               onchange = "RightFrame.movePlotTo()">
0103            <option   value = "-">-</option>
0104           </select>
0105          </h3>
0106         </form>
0107        </td>
0108        <td>
0109         <form    action = "javascript:RightFrame.resizeToDefault()">
0110          <h3>
0111           <input  type   = "submit"
0112               class  = "button"
0113               name   = "resizeToDefault"
0114           value  = "Default size" />
0115          </h3>
0116         </form>
0117        </td>
0118        <td>
0119         <form name   = "resizeByForm"
0120               action = "javascript:void()">
0121          <h3>Size:
0122           <select id       = "resizeBy"
0123               class    = "comboBox"
0124               name     = "resizeBy"
0125               onselect = "RightFrame.resizeByStep()"
0126               onchange = "RightFrame.resizeByStep()">
0127            <option          value = "0.5" >0.5      </option>
0128            <option selected value = "1.0" >1.0      </option>
0129            <option selected value = "1.5" >1.5      </option>
0130            <option          value = "2.0" >2.0 (Optimal)</option>
0131            <option          value = "2.5" >2.5      </option>
0132            <option          value = "3.0" >3.0      </option>
0133            <option          value = "3.5" >3.5      </option>
0134            <option          value = "4.0" >4.0      </option>
0135           </select>
0136          </h3>
0137         </form>
0138        </td>
0139 <!--
0140        <td>
0141         <form    action = "javascript:RightFrame.externalImage()">
0142          <input  type   = "submit"
0143              class  = "button"
0144              name   = "externalImage"
0145          value  = "External"></button>
0146         </form>
0147        </td>
0148 -->
0149       </tr>
0150      </table>
0151     </td>
0152    </tr>
0153    <tr>
0154     <td colspan="2">
0155      <div   id      = "zoomedImgDiv"
0156         align       = "center">
0157       <img  id      = "zoomedImg"
0158             name    = "zoomedImg"
0159         alt         = "picture geometry:1600x1200"
0160         src     = "images/EmptyPlot.png"
0161         width       = "400"
0162         height      = "300" />
0163      </div>
0164     </td>
0165    </tr>
0166    <tr>
0167     <td>
0168      <img   id      = "placeHolder"
0169             name    = "placeHolder"
0170         src     = "images/EmptyPlot.png"
0171             onload      = "RightFrame.swapImage()"
0172         width       = "0"
0173         height      = "0" />
0174     </td>
0175    </tr>
0176   </table>
0177  </center>
0178
0179  <script type = "text/javascript"
0180          src  = "js_files/wz_dragdrop.js">
0181  </script>
0182  <script type = "text/javascript">
0183   SET_DHTML(CURSOR_MOVE, RESIZABLE, TRANSPARENT, "zoomedImg");
0184  </script>
0185
0186 </body>
0187
0188 </html>