有提示确定与取消功能的弹出式窗的代码

我不知道这样的功能叫什么，找了好久也没有找到，所以来找大家帮助了，在此谢谢了。

我的目的是这样的，就是在原有页面基础上，弹出一个新窗，同时原来的页面偏灰色，并且不能操作，必须在弹出的新窗关闭后才能恢复原来窗口的操作。具体效果有点象lightbox和thickbox，我现在是想用thickbox，它可以实现这种旧页面变灰的效果，但是没有办法实现旧页面不能操作的问题。（要在firefox和ie下都能使用，ie的showModalDialog是可以实现这样的目的，但是firefox下不能用啊）

var isDrag = false;

function execCode(){

var newWin = window.open();
newWin.document.write(tt.value);

}

var oldX=0,oldY=0;

function init(){
isDrag=true;
oldX=event.x;
oldY=event.y;
}

function end(){
isDrag=false;
}

function moveIt(){
if(isDrag){
var x =window.event.x;
var y = window.event.y;

hdl.parentNode.style.left = parseInt(hdl.parentNode.style.left.replace("px","")) + (x - oldX);
hdl.parentNode.style.top = parseInt(hdl.parentNode.style.top.replace("px","")) + (y - oldY);

oldX = x;
oldY = y;
}
}

窗口

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 有提示确定与取消功能的弹出式窗的代码

    我不知道这样的功能叫什么,找了好久也没有找到,所以来找大家帮助了,在此谢谢了. 我的目的是这样的,就是在原有页面基础上,弹出一个新窗,同时原来的页面偏灰色,并且不能操作,必须在弹出的新窗关闭后才能恢复原来窗口的操作.具体效果有点象lightbox和thickbox,我现在是想用thickbox,它可以实现这种旧页面变灰的效果,但是没有办法实现旧页面不能操作的问题.(要在firefox和ie下都能使用,ie的showModalDialog是可以实现这样的目的,但是firefox下不能用啊) var

  • Android仿QQ消息提示实现弹出式对话框

    Android仿QQ消息提示实现弹出式对话框

    本文在<7种形式的Android Dialog使用实例>在这篇文章的基础进行学习,具体内容如下 1.概述 android原生控件向来以丑著称(新推出的Material Design当另说),因此几乎所有的应用都会特殊定制自己的UI样式.而其中弹出式提示框的定制尤为常见,本篇我们将从模仿QQ退出提示框来看一下常见的几种自定义提示框的实现方式. 这里使用的几种弹出框实现方法概括为以下几种: 自定义Dialog 自定义PopupWindow 自定义Layout View Activity的Dialo

  • PyQt弹出式对话框的常用方法及标准按钮类型

    PyQt之弹出式对话框(QMessageBox)的常用方法及标准按钮类型 一.控件说明 QMessageBox是一种通用的弹出式对话框,用于显示消息,允许用户通过单击不同的标准按钮对消息进行反馈,且每个标准按钮都有一个预定义的文本.角色和十六进制数. QNessageBox类提供了如:提示.警告.错误.问询.关于等对话框(这些不同类型的对话框只是显示的图标不同其他功能均一致) 二.QMessageBox类中的常用方法 infomation(QWidget parent,title text,bu

  • Android 多种简单的弹出框样式设置代码

    Android 多种简单的弹出框样式设置代码

    简介 这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明.同时也可自定义弹出框. 项目地址:http://www.github.com/jjdxmashl/jjdxm_dialogui 特性 1.使用链式开发代码简洁明了 2.所有的弹出框样式都在DialogUIUtils这个类中完成,方便查阅方法 3.可以自定义弹出框字体样式 4.简单的类似加载框的样式可以支持两种主题更改默认白色和灰色 截图 demo下载 demo apk下载 D

  • Ajax实现弹出式无刷新城市选择功能代码

    Ajax实现弹出式无刷新城市选择功能代码

    本文实例讲述了Ajax实现弹出式无刷新城市选择功能.分享给大家供大家参考.具体如下: 这是一款很棒的全国城市选择效果,添加城市时先添加组:找到id是"selectSub"中select标签下,添加option标签,value属性递增,找到id是"selectSub",按照原有格式添加div,其id属性递增:然后添加二级副选框选项:复制id是"selectSub"下任意input标签,粘贴在需要添加的位置即可,你想扩展的话,配合动态语言完全可以将城

  • idea插件开发之弹出框的示例代码

    idea插件开发之弹出框的示例代码

    前言 IntelliJ平台的用户界面广泛使用弹出窗口,即没有chrome(显式关闭按钮)的半模式窗口,在焦点丢失时自动消失.在插件中使用这些控件可以确保插件和IDE其他部分之间的用户体验一致. 弹出窗口可以选择性地显示标题,也可以移动和调整大小(并支持记住它们的大小),并且可以嵌套(当选择一个项目时显示另一个弹出窗口). 一.JBPopupFactory JBPopupFactory 是idea 提供给用户自定义窗口的接口,比较常见的方法如下 createComponentPopupBuilde

  • JQuery Mobile 弹出式登录框的实现方法

    JQuery Mobile 弹出式登录框的实现方法

    <a href="#login" data-rel="popup" data-position-to="window" data-role="button">Login</a> <div data-role="popup" id="login" data-theme="a"> <form style="padding

  • vue2.0的contextmenu右键弹出菜单的实例代码

    整理文档,搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码,稍微整理精简一下做下分享. 1.事情对象 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script>

  • javascript之弹出窗口居中的代码

    function openWin(u, w, h) { var l = (screen.width - w) / 2; var t = (screen.height - h) / 2; var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l; s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no'; open(u, 'oW

  • 基于JS代码实现导航条弹出式悬浮菜单

    1.概述 采用弹出式悬浮菜单,不但可以使网站的导航内容更加清晰,而且不影响页面的整体效果.运行本实例,如图1所示,当鼠标移动到一级导航菜单的标题上时,将弹出悬浮菜单显示该菜单对应的子菜单,鼠标移出时,将隐藏悬浮菜单. 2.技术要点 本实例主要是在JavaScript中,动态改变<div>标签对象的style属性的display属性值来实现动态显示和隐藏二级导航菜单.其实,每一个一级菜单下的二级菜单内容是已经添加在网页的<div>标签中,只是此时设置了<div>不显示.所

随机推荐