`

window.createPopup() 创建菜单

javascriptwindow.createPopup菜单 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
        <meta name=ProgId content=VisualStudio.HTML>
        <meta name=Originator content="Microsoft Visual Studio .NET 7.1">
    </head>
    <body>
        <script language="javascript">
        //popup标准操作
        var v_popup=window.createPopup();
        var srcDocID=null;
        var srcResourceName=null;
        function fn_showMenuPopup(vDocID){
           var vSrc=event.srcElement;
           srcDocID=vDocID;
           srcResourceName=vSrc.parentElement.innerText;
           var v_popupBody=v_popup.document.body;      
           v_popupBody.style.border="2px outset #ffffff";  
           v_popupBody.innerHTML=document.all.newMenuItemOption.innerHTML;
           var vTags=v_popupBody.all.tags("TD");
           for (i=0;i<vTags.length;i++)
           {      
             vTags[i].onclick=popup_click;
             vTags[i].onmouseover=popup_mouseover;
             vTags[i].onmouseout=popup_mouseout;
             vTags[i].style.cssText="height:20;border-bottom:1 solid #CDCDCD;padding-top:3px;cursor:default";
           }
           var vHeight=vTags.length*23+12;
           v_popup.show(vSrc.offsetWidth+12,-35,120,vHeight,vSrc);
        }
        function popup_click(){
          var vSrc =v_popup.document.parentWindow.event.srcElement;
          if(vSrc.tagName=="IMG")vSrc=vSrc.parentElement;
          if(srcDocID==null) return false;
          switch(vSrc.id){
          case "action_new"://新建
             new_resource();
             break;
          case "action_view"://查看
             window.open(path+"0/"+srcDocID+"?opendocument");
             break;
          case "action_apply"://申请
             window.open(path+"ApplyForm?openform&docid="+srcDocID);
             break;
          case "action_add"://加入申请
             fn_addApply(srcDocID);
             break;
          case "action_review"://查看申请
             window.showModalDialog(path+"select_ApplyBasket?openform","",fnGetModalDialogStatus(320,340));
             break;
          case "action_edit"://编辑
             window.open(path+"0/"+srcDocID+"?editdocument");
             break;
          case "action_delete"://删除
             var vSelect=document.all.SelectedDOCs;
             if(vSelect.length){
               for(i=0;i<vSelect.length;i++){
                 if(vSelect[i].value==srcDocID){vSelect[i].checked=true;break}
               }
             }
             else{
               vSelect.checked=true;
             }     
             fn_ViewDelete();
             break;
          }
        }
        function popup_mouseover(){
          var vSrc =v_popup.document.parentWindow.event.srcElement;
          if(vSrc.tagName=="IMG")vSrc=vSrc.parentElement;
          vSrc.style.color="#ffffff";
          vSrc.style.background="#000080";
        }
        function popup_mouseout(){
          var vSrc =v_popup.document.parentWindow.event.srcElement;
          if(vSrc.tagName=="IMG")vSrc=vSrc.parentElement;
          vSrc.style.color="";
          vSrc.style.background="";
        }
        </script>

        <div style="display:none;background:#efefef" id="newMenuItemOption">
            <table style="font-size:12px" align=center cellpadding=2 width=96%   width="100%" border="0" cellspacing="0" cellpadding="0" ID="Table1">
            <tr valign="top"><td id="action_new" width="100%" valign="middle"><img src="" width="18" height="17" class="icon0" align=absmiddle> 新建</td></tr>

            <tr valign="top"><td id="action_view" width="100%" valign="middle"><img src="" width="18" height="17" class="icon0" align=absmiddle> 查看</td></tr>

            <tr valign="top"><td id="action_apply" width="100%" valign="middle"><img src="" width="18" height="17" class="icon0" align=absmiddle> 申请</td></tr>

            <tr valign="top"><td id="action_add" width="100%" valign="middle"><img src="" width="18" height="17" class="icon0" align=absmiddle> 加入申请</td></tr>

            <tr valign="top"><td id="action_review" width="100%" valign="middle"><img src="" width="16" height="16" class="icon0" align=absmiddle> 查看申请</td></tr>

            <tr valign="top"><td id="action_edit" width="100%" valign="middle"><img src="" width="16" height="15" class="icon0" align=absmiddle> 编辑</td></tr>

            <tr valign="top"><td id="action_delete" width="100%" valign="middle"><img src="" width="16" height="15" class="icon0" align=absmiddle> 删除</td></tr>
            </table>
        </div>

        <a onclick="fn_showMenuPopup(1);">aa</a>
    </body>
</html>

 

参考： http://www.php100.com/html/webkaifa/javascript/2006/0902/1821.html

分享到：
| MyEclipse 中自动插入作者、注释日期等快捷 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome

    在网页开发中，有时我们需要创建弹出窗口来提供额外的功能或信息，比如颜色选择器、下拉菜单等。IE浏览器提供了`createPopup`方法来实现这样的弹出效果，但这个方法并不被Firefox、Chrome等现代浏览器所支持。为了...

    javascript自定义右键弹出菜单实现方法.docx

    3. **创建菜单元素**：接着，需要创建一个HTML结构作为菜单的容器，并填充所需的菜单项。 4. **定位菜单**：根据用户点击的位置动态设置菜单的显示位置。 5. **绑定菜单项事件**：最后，为每个菜单项添加事件监听器...

    JavaScript+xml实现下拉二级联动菜单

    这段代码展示了如何利用`window.createPopup()`方法创建多层弹出窗口，并且通过调用`showSubMenu1`函数来动态显示一级子菜单。需要注意的是，实际开发中可能还需要添加更多辅助函数来完善整个菜单系统的交互逻辑，...

    使用JavaScript的菜单和子菜单

    创建菜单和子菜单时，我们首先需要构建HTML结构。在JavaScript中，我们可以使用字符串拼接或DOM操作来动态生成HTML代码。例如，一个简单的菜单可能包含多个`&lt;li&gt;`元素，每个元素可以代表一个菜单项，而子菜单则可以...

    N种改善用户体验的DEMO

    这个文件可能涉及到JavaScript中的`window.createPopup()`函数，该函数用于创建浮动窗口，通常用于创建弹出式菜单或提示信息，以增强用户的交互体验。不过，此功能在现代浏览器中已被废弃，现在更多地使用其他方法...

    无限菜单之 xml+popup 版(IE5.5+)

    这样：使用menu.xsl解析一级xml的内容生成一级菜单，如果该级xml中某节点有子节点，当鼠标经过该节点时，创建当前窗口/Popup窗口的子Popup窗口，使用menu.xsl解析子节点中xml的内容并输出显示到子Popup中，递归，...

    js实现 html 鼠标右键 菜单

    var pop=window.createPopup(); //设置弹出菜单的内容 pop.document.body.innerHTML=menuDiv.innerHTML; var rowObjs=pop.document.body.all[0].rows; //获得弹出菜单的行数 var rowCount=rowObjs.length; //...

    dtree详细文档

    var pop = window.createPopup(); // 设置弹出菜单的内容 pop.document.body.innerHTML = menuDiv.innerHTML; var rowObjs = pop.document.body.all[0].rows; // 获得弹出菜单的行数 var rowCount = rowObjs....

    实现跨frame的js加载xml动态生成的菜单

    JavaScript负责解析XML文件，提取出菜单项，并使用`createPopup`创建一个弹出窗口，然后在该窗口中动态渲染菜单。这样，无论用户在哪个frame中操作，都能看到一致的菜单。这种方法的一个关键优点是菜单可以随着用户...

    javascript自定义右键弹出菜单实现方法

    接着，我们开始构建菜单的HTML结构，这里使用了表格布局（`&lt;table&gt;`）来创建菜单项： ```javascript var TableBegin = "; width: 100%; font-size: 12px;\" cellpadding=\"0\" cellspacing=\"0\"&gt;"; // ... var ...

    JavaScript右键菜单

    - 动态创建弹出窗口：使用`window.createPopup()`创建一个新的弹出窗口，并将菜单内容复制到新窗口中。 - 控制菜单项显示/隐藏：根据控制字符串决定是否显示某个菜单项，并计算实际显示的行数。 - 添加交互效果：...

    通信平台业务接口源程序

    `oPopup`变量是用来创建弹出窗口的，它利用`window.createPopup()`来实现。弹出窗口的大小、样式和内容都是动态生成的。`strHTML`字符串包含了菜单的HTML结构，用于显示联系人的多种联系方式，如UC账号、手机、家庭...

Magicbox
Global site tag (gtag.js) - Google Analytics