`
y806839048
  • 浏览: 1119857 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

弹出框,承载弹出链接----页面,显示大图

 
阅读更多
弹出框,承载弹出链接----页面,显示大图

function pageContentReset(resultList) {
        var oldTr = $("#contentTable tr:gt(0)");
        if (oldTr) {
            oldTr.remove();
        }
        var content = "";
        if (resultList != null && resultList.length > 0) {
            for (var i = 0; i < resultList.length; i++) {
                var lineData = resultList[i];
                var line = "<tr>";
                if (0 == i % 2) {
                    line = "<tr class='even'>";
                }
                //************************************************


                line += "<td>" + (i + 1) + "</td>";
                line += "<td>" + lineData["roleCode"] + "</td>";
                line += "<td>" + lineData["roleName"] + "</td>";
                line += "<td>" + lineData["createuser"] + "</td>";
                //操作栏
                var url = "<a class='cyan' href='<%=webPath%>/system/acount/FUN.do?id=" + lineData["id"] + "'>DETAIL</a>";
                var del = "<a onclick='delet(" + lineData["id"] + ")' href='javascript:void(0)' class='cyan'>【删除】</a>";
                var menus = "<a name='showMenu' href='${pageContext.request.contextPath}/system/acount/checkbox.do?id=" + lineData["id"] + "'  class='cyan'>【授菜单】</a>";
//                var menus = "<a onclick='showAddWindow(" + lineData["id"] + ")' href='javascript:void(0)' class='cyan'>【授菜单】</a>";
//                var funcs = "<a onclick='showfuncsWindow(" + lineData["id"] + ")' href='javascript:void(0)' class='cyan'>【授权】</a>";
                line += "<td>" + url.replace("FUN", "info").replace("DETAIL", "查看") + "|"
                        + url.replace("FUN", "edit").replace("DETAIL", "编辑") + "|"
                        + del
                        + "|"+menus+"</td>";
                //************************************************
                line += "</tr>";
                content += line;
            }
        }


$("[name='showMenu']").each(function () {//为循环中的同名个数对个
            var show=$(this);
            show.colorbox({
                iframe:true,
                width:"700px",
                height:"650px",
                title:"菜单授予",
                href:show.attr("href")
            });
        });
分享到:
评论

相关推荐

    漂亮的js弹出框

    - **图片预览**:通过链接的`rel`属性指定Facebox处理,点击后会在弹出框中显示大图。 - **HTML内容显示**:可以将任何HTML片段封装在`&lt;div&gt;`中,通过`rel`属性触发Facebox显示。 - **Ajax加载内容**:通过链接的`...

    自定义JavaScript弹出框组件

    这包括初始化弹出框、显示和隐藏弹出框、处理用户交互以及执行动画效果。 四、实际应用 自定义JavaScript弹出框组件广泛应用于各种场景,如消息提示、用户确认操作、表单验证错误显示、图片预览等。通过灵活地调整...

    jquery弹出框

    遮罩层通常是一个全屏半透明的div,用来阻止用户与背景页面的交互,而弹出框则承载具体的内容。 2. 常见的弹出框类型:警告框、确认框、信息框、模态框和非模态框。每种类型的弹出框在功能和交互上都有所不同,适应...

    弹出框artDialog4.1.6.zip

    不仅可以显示静态内容,artDialog还可以嵌入HTML、图片、Ajax请求等内容,甚至支持iframe,使得弹出框可以承载更复杂的功能。此外,它还具备拖拽、弹窗定位、自适应屏幕尺寸等特性,满足各种场景的需求。 5. **...

    layeryui弹出框所需文件

    每种类型的弹出框都有其特定的使用场景,例如,提示框用于获取用户输入,信息框用于显示信息,确认框用于询问用户,页面层和iframe层则可以承载更复杂的页面内容。 5. **自定义配置**:LayerUI允许开发者自定义弹出...

    纯CSS3实现的Lightbox弹出框动画效果源码.zip

    Lightbox是一种网页设计中常用的图片预览技术,它在用户点击某个链接或图像时,会在当前页面上弹出一个半透明的窗口,显示大图及其相关信息。这种效果常常用于图片展示、画廊或者多媒体内容的预览。在这个案例中,...

    Dialog 弹出提示窗 js

    描述中的 "[强烈推荐] 超漂亮的仿腾讯弹出框效果(兼容主流浏览器).html" 文件,很可能包含了一个DEMO示例,展示了如何使用Dialog.js库来实现一个美观且兼容性强的弹出提示窗。这个HTML文件可能会包含HTML结构、CSS...

    jQuery封装的几款弹出层类,可直接使用

    3. **内容填充**:弹出层可以承载各种内容,如文本、图片、表单等,类应提供方便的方法来插入和更新内容。 4. **样式控制**:为了满足设计需求,弹出层类通常允许开发者自定义背景颜色、边框、阴影等样式。 5. **...

    高德地图按某个值进行区域图标记,点击弹出相应的图表

    本篇将深入探讨如何利用高德地图API来实现“按某个值进行区域图标记,点击弹出相应的图表”的功能,以及涉及到的网络图概念。 首先,我们要理解什么是“区域图标记”。在地图上,区域图标记通常指的是根据特定的...

    支持弹出的饼状图

    在本案例中,我们关注的是“支持弹出的饼状图”,这意味着我们有一个特殊的饼状图实现,允许用户点击图表上的扇形区域后,会弹出相应的详细信息或者扩展内容。这样的功能通常在数据分析、报表展示或交互式应用中非常...

    PropertyGrid 下拉式和弹出编辑框的实现

    对于弹出编辑框(Popup Editor),我们可能需要创建一个窗体或者对话框来承载更复杂的编辑逻辑。与下拉式编辑器类似,我们需要创建一个自定义的`UITypeEditor`,并在`EditValue`方法中显示这个窗体或对话框。用户在...

    swift-一款小巧灵活的自定义弹出视图可以做自定义AlertView弹出窗口等等

    "Swift开发-弹框控件"的标签进一步强调了这个项目是针对Swift开发者,特别是那些希望在他们的应用中实现弹出框功能的开发者。在iOS应用中,弹出框常用于提示用户确认操作、展示重要信息或者提供额外的交互选项。通过...

    网页右下角弹出图片文章列表广告代码

    JavaScript负责处理用户交互,如点击弹出和关闭功能,而CSS则用来定义弹出框的样式和位置,使其在屏幕右下角出现。 1. **JavaScript**:在JavaScript中,通常会有一个函数来控制广告的显示和隐藏。当用户触发某个...

    jQuery css3点击小图片合成大图展示代码.zip

    4. 大图容器:为了展示大图,页面中需要有一个容器来承载放大后的图片,这个容器可能通过CSS进行绝对定位,以便覆盖在小图之上,形成“浮层”效果。 5. 图片预加载:为了提高用户体验,可能会有图片预加载机制,...

    JQuery+wbox源文件

    3. 触发弹出框:可以使用JQuery的事件方法,如`.click()`,来响应用户操作并触发弹出框显示。 例如,假设你有一个id为"myBox"的元素希望作为弹出框,你可以这样设置: ```javascript $(document).ready(function(){...

    两种图片缩放浏览效果(淘宝效果)

    - JavaScript/jQuery:处理鼠标事件(如mouseover和mouseout),控制放大效果的启动和停止,以及弹出框的显示和隐藏。 - 可能还需要利用CSS3的transform属性进行平滑的缩放动画,或者使用JavaScript库如Zoomooz、...

    swift-MIBlurPopup一个iOS模糊背景的弹出窗口

    1. **自定义内容**:弹出窗口可以承载任何类型的内容,包括文本、图片、按钮和其他UI组件。开发者可以通过设置子视图来自定义弹出窗口的布局和外观。 2. **模糊效果**:`MIBlurPopup` 提供了多种模糊效果,可以适应...

    jQuery图片点击放大关闭特效.zip

    同时,放大后的图片可能需要一个新的CSS类来改变其大小、透明度、位置等属性,使其在页面上以弹出框的形式出现。 3. **JavaScript**: JavaScript是实现动态效果的关键,它可以实时响应用户的交互。在这个特效中,...

    jQuery实现的lightbox弹出层效果效果插件ChillBox.zip

    2. 商品详情:在电商网站上,用户点击商品图片时,ChillBox可以弹出大图,同时展示商品详情。 3. 视频播放:嵌入YouTube或Vimeo视频,ChillBox可以作为视频播放器的载体。 五、扩展与优化 1. 兼容性:考虑到不同...

    可翻页的卡片式弹出框

    "可翻页的卡片式弹出框"是一种创新的UI元素,它为用户提供了一种直观且吸引人的交互方式。标题提到的QKInfoCardView是这种功能的实现,它是一个开源的iOS库,允许开发者在他们的应用中创建可以翻页的卡片视图,这种...

Global site tag (gtag.js) - Google Analytics