function openaddmodule(moduleId, act) {
var s="<iframe style='position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; scrolling: no;' frameborder='0' src='about:blank'></iframe>";
if (act == 1) {//add
var sHTML = "<div id='massage_box'><div class='massage'><div id='titleDiv' class='header' style='cursor:move;'><div id='titleDiv' style='display: inline; width: 150px; position: absolute; font-size: 12px; font-weight: bold;'>添加模块</div><span onClick='javascript:closemanager();'style='float: right; display: inline; cursor: hand'> X </span></div><div><iframe src='basicModule.do?action=toAddModule' name='userframe' id='userframe' frameborder='0' scrolling='auto' height='280px' width='625px'></iframe></div></div></div>";
} else {
var sHTML = " <div id='massage_box'><div class='massage'><div id='titleDiv' class='header' style='cursor:move;'><div id='titleDiv' style='display: inline; width: 150px; position: absolute; font-size: 12px; font-weight: bold;'>修改模块</div><span onClick='javascript:closemanager();'style='float: right; display: inline; cursor: hand'> X </span></div><div><iframe src='basicModule.do?action=getBasicModuleById&moduleId=" + moduleId + "' name='userframe' id='userframe' frameborder='0' scrolling='auto' height='280px' width='625px'></iframe></div></div></div>";
}
//最外层DIV
var outmanageDiv = document.createElement("div");
//在最外层DIV中动态创建 sHTML内容
outmanageDiv.innerHTML = sHTML;
var manageBg = document.createElement("div");
manageBg.innerHTML=s;
manageBg.id = "managerid";
manageBg.className = "neat-dialog-bg";
var managergc = document.createElement("div");
managergc.id = "managergcid";
managergc.className = "neat-dialog-cont";
managergc.appendChild(manageBg);
managergc.appendChild(outmanageDiv);
if (document.body.offsetLeft > 0)
{
divgc.style.marginLeft = document.body.offsetLeft + "px";
}
//增加至body中
document.body.appendChild(managergc);
if(act==1) $("#massage_box").css("height","300px");
else $("#massage_box").css("height","220px");
$("#massage_box").css("width","660px");
$("#massage_box").css("left","350px");
$("#massage_box").css("top","250px");
$("#massage_box").draggable({handle: '#titleDiv',containment:'#parent_snsmanager'});
$("div").disableSelection();
// inPage(520, 400, 400, 150, "添加"+title, sHTML);
// new NeatDialogRoom("", "", false);
// onLoad(title);
}
function closeModule()
{
$("#massage_box").remove();
$("#managerid").remove();
$("#managergcid").remove();
}
分享到:
相关推荐
在网页开发中,JavaScript是一种非常重要的脚本语言,它为网页带来了...这些都是JavaScript层特效和拖放功能的实际应用案例,通过分析和学习这些代码,你可以更好地理解如何在实践中运用这些技术,实现丰富的用户体验。
JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS...
下面是一个简单的示例,展示如何使用JavaScript来实现一个三层嵌套的对象展开和收缩: ```javascript function toggleNested(obj, path = []) { if (typeof obj !== 'object' || obj === null) return; for ...
JavaScript层的实现是Web开发中的一个重要概念,尤其是在构建复杂交互和动态用户界面时。JavaScript作为客户端脚本语言,它的灵活性和强大的功能使得开发者能够创建出丰富的网页应用。在这个主题下,我们将探讨...
标题中的“javascript层收缩效果”指的是使用JavaScript实现的网页元素(通常称为“层”或“div”)在用户交互下进行尺寸变化的效果。这种效果常见于菜单、侧边栏、弹窗等,使得页面布局更加动态和交互友好。在网页...
浮动JS层,顾名思义,是指在网页中使用JavaScript实现的一种动态效果,使得某些元素能够在用户滚动页面时保持在屏幕的特定位置,通常用于创建固定头部、侧边栏导航或者浮动广告等。这种技术的核心在于理解网页布局、...
总的来说,"js层覆盖页面登录特效"是一种提高网页用户体验的有效手段,它结合了JavaScript的动态能力、HTML和CSS的结构与样式,以及良好的交互设计原则。通过深入理解这些知识点并实践相关示例,开发者能够创建出...
标题“js层拖动特效.rar”指的是一个使用JavaScript实现的网页元素(通常称为“层”或“div”)拖动特效的压缩包文件。这个压缩包包含了一个名为"JS拖动保存DIV.html"的HTML文件,这可能是演示或者源代码示例,...
"经典js层弹出功能"这个标题涉及到的是利用JavaScript实现的一种常见用户交互:弹出对话框。在ASP.NET开发环境中,这样的功能能够提升用户体验,方便用户与网站进行更直观的互动。 描述中提到的"ASP.NET开发非常...
收藏一个JS层的显示与隐藏 收藏一个JS层的显示与隐藏
"js弹出层可拖动兼容各大浏览器"这个主题涵盖了如何利用JavaScript实现一个弹出窗口,并确保它在各种浏览器(如Chrome、Firefox、Safari、Edge和IE等)上具有良好的兼容性。下面我们将深入探讨这一技术。 首先,...
"遮罩层 javascript js 数据提交"这个主题涉及到的是如何在JavaScript中实现一个遮罩层,并在用户点击提交按钮时,利用JavaScript处理数据提交的过程。在此过程中,遮罩层的出现和消失以及提交操作的执行,都是通过...
"纯javascript 完美 无障碍层拖拽"这个标题表明我们要讨论的是一个使用纯JavaScript实现的、功能完善的、具有无障碍性(即对残障人士友好)的层拖拽技术。这里的“层”通常指的是网页中的浮动元素或者对话框,而“无...
JavaScript层通常指的是JavaScript代码在页面上的作用,包括DOM操作、事件监听、函数调用等。 在提供的压缩包文件中,`smartcalendar.htc`可能是一个行为集中组件(HTC - HTML Component),这是一种老式的IE浏览器...
例如,`Layer.js`是一个常用的弹出层组件,它支持多种弹出类型,如对话框、提示、警告、确认等,还提供了易用的API和丰富的配置选项。 总之,JavaScript弹出遮盖层是前端开发中的基础技能,通过结合HTML、CSS和...
在JavaScript(JS)编程中,实现“鼠标滑过图片,在图片上方蒙上一层透明层显示详情内容”的功能是一项常见的交互设计。这个功能可以提升用户体验,让用户在不离开当前页面的情况下查看图片的相关信息。下面我们将...
JavaScript中的浮动层(Floating Layer)技术是网页动态效果和交互设计中的重要概念,它允许创建在用户鼠标移动时跟随或响应的元素。这种技术在学习JavaScript时尤其有用,因为它可以帮助理解DOM操作、事件处理和CSS...
在本主题中,我们将深入探讨如何使用JavaScript来实现遮罩层的打开和关闭,并结合loading图片以增强用户体验。 一、JavaScript基础 JavaScript是一种广泛使用的客户端脚本语言,它可以直接在用户的浏览器中运行,...
下面将详细介绍如何使用js-javascript来实现div层的弹出效果。 首先,我们要明白JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用的客户端脚本。在网页中,JS可以操作DOM(文档对象模型)...
本主题聚焦于"遮罩层js",这是一个基于jQuery和sliphover库实现的JavaScript代码,它允许开发者创建具有多样性和自定义功能的遮罩层。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...