Java Original Positionssmenü

Hallo Dietsch,

ich bin kein Java Guru, allerdings hab ich dir mal den Wichtigen Codesnippet rausgeschnitten.

Du musst lediglich die 4 Einträge auf deine DynDNS / IP ändern
und schon siehst du ein Bild und das kleine Posimenü.

Code:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>IP Camera</title>
    <script language="javascript" src="public.js"></script>
    <style type="text/css">

    </style>
    <link href="http://DEINEIP/camera.css" rel="stylesheet" type="text/css" />

    <script src="http://DEINEIP/get_camera_params.cgi"></script>
    <script>

    function getX(elem)
    {
        var x = 0;
        while(elem)
        {
            x = x + elem.offsetLeft;
            elem = elem.offsetParent;
        }
        return x;
    }
    function getY(elem)
    {
        var y = 0;
        while(elem)
        {
            y = y + elem.offsetTop;
            elem = elem.offsetParent;
        }
        return y;
    }
    function showprepos(panel,btn)
    {   
        hideallpre();

        var tb=document.getElementById(panel);
        var curpos=document.getElementById(btn);

        var nleft=getX(curpos);
        var ntop=getY(curpos);

        if(panel=='div_usepreset')
        {
            tb.style.left=nleft-90;
            tb.style.top=ntop+10;
            tb.style.display = "block";
        }
        else
        {
            tb.style.left=nleft+20;
            tb.style.top=ntop+10;
            tb.style.display = "block";
        }
    }
    function hideallpre()
    {
        hideprepos('div_usepreset');
    }
    function hideprepos(panel)
    {
        var tb=document.getElementById(panel);
        tb.style.display = "none";
    }

    function use_preset(cmd)
    {
        if(l_index==0)
       {
           content_frame.use_preset(cmd);
       }
    }
    </script>
    </head>

    <body onload="body_onload()">


    <div id="div_usepreset" style="display:none;position:absolute; left:100px; top:100px; width:101px; height:104px; z-index:1">
      <table border="1" cellpadding="0" cellspacing="0" bgcolor="#a1fa82">
        <tr>
          <td width="20"><div align="center"><span class="curspan3" onclick="use_preset(31)"> A </span></div></td>
          <td width="20"><div align="center"><span class="curspan3" onclick="use_preset(33)"> 2 </span></div></td>
          <td width="20"><div align="center"><span class="curspan3" onclick="use_preset(35)"> 3 </span></div></td>
          <td width="20"><div align="center"><span class="curspan3" onclick="use_preset(37)"> 4 </span></div></td>

        </tr>
        <tr>
          <td><div align="center"><span class="curspan3" onclick="use_preset(39)"> 5 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(41)"> 6 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(43)"> 7 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(45)"> 8 </span></div></td>
        </tr>

        <tr>
          <td><div align="center"><span class="curspan3" onclick="use_preset(47)"> 9 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(49)"> 10 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(51)"> 11 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(53)"> 12 </span></div></td>
        </tr>
        <tr>

          <td><div align="center"><span class="curspan3" onclick="use_preset(55)"> 13 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(57)"> 14 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="use_preset(59)"> 15 </span></div></td>
          <td><div align="center"><span class="curspan3" onclick="hideprepos('div_usepreset')">Close</span></div></td>
        </tr>
      </table>
    </div>


                  <tr>

                    <td class="s_ht0"></td>
                  </tr>
                 
                  <tr class="hang1">
                    <td colspan="2"><table width="0" border="0" align="center" cellpadding="0" cellspacing="0" class="hang1">
                      <tr>
                        <td width="42">
                          <a id="a_usepos" href="javascript:hideprepos('div_usepreset');javascript:showprepos('div_usepreset','a_usepos')">
                           <img id="img_usepre" src="http://DEINEIP/images/use_preset.gif" name="img_usepre" width="29" height="23" border="0"/>
                          </a>
                        </td>
                      </tr>
                    </table></td>

                  </tr>
                 
                  <!--
                  <tr>
                    <td colspan="2">  </td>
                  </tr>
                  -->
                 
                  <tr>
                    <td colspan="2">  </td>

                  </tr>
                 
                </table></td>
              </tr>
            </table></td>
            <td width="648" bgcolor="#FFFFFF" align="center" valign="top"><IFRAME id="content_frame" NAME="content_frame" src="http://DEINEIP/live.htm" width=648 height=555 marginwidth=0 marginheight=0 SCROLLING="no"></IFRAME></td>
          </tr>
        </table></td>
      </tr>

    </body>
    </html>

Mit dem kannst du mal rum Spielen, evtl. kannst du so, mein oberes Menü Verbessern.

Grüße Jefferson