jQuery编写一个弹出对话框

问题描述

jQuery编写一个弹出对话框,弹出的对话框是用<div>来显示,是点击的时候传参数过去,页面改数据,传到后台去。可以是实现最简单的,就是不用连接数据库,也能实现的功能。谢谢!

解决方案

解决方案二:

解决方案三:
jQueryUI就可以轻松实现
解决方案四:
如果你要操作后台的话由于窗体是模拟的一般来讲用ajax来操作后台是比较简便的
解决方案五:

解决方案六:
谢谢!

时间: 2024-10-30 00:53:07

jQuery编写一个弹出对话框的相关文章

Js Jquery创建一个弹出层可加载一个页面_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"

jQuery实现无插件实现弹出对话框层效果

就 jQuery 而言,就有很多高手们开发好的弹出层插件,甚至连 jQuery 官方也有提供 Dialog UI 组件. 之前写过一些弹出层的效果,也都是借助于别人开发好的 jQuery 插件,这些插件的优点是参数多.功能全.方便调用,但是不可避免地会导致插件脚本过于庞大,很多功能基本用不到,感谢任平生童鞋一语惊醒梦中人,其实弹出的对话框层用 jQuery 来实现是相当简单的,简单到只需要两句 JS,一句是弹出,另一句就是关闭.省去了很多不必要的冗余的功能和 JS 代码. 先来看一下 DEMO,

jQuery UI Dialog 创建友好的弹出对话框实现代码_jquery

主要参数 jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3.mod

对话框-asp.net的一个弹出窗口问题

问题描述 asp.net的一个弹出窗口问题 asp.net下如何实现点击一个按钮弹出一个对话框,上面有名字,年龄等信息,然后输入内容确认后更新到数据库??? 解决方案 一个是用js的showDialog,一个是用jquery ui或者 extjs 或者 easyui的对话框,其实是通过层模拟出来的. 无论什么方式,都是将输入的内容提交到服务器上,服务器插入数据库. 解决方案二: 用层来模拟,如artDialog 或者直接window.open打开另外一个aspx页面传递参数进行读取数据库显示 解

15款jquery弹出对话框代码

1. lightview http://www.nickstakenburg.com/projects/lightview/ lightview是一个基于prototype与script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框.展示的内容不仅可以是图片.文字.网页.通过ajax 调用的内容,还可以是quicktime/flash影片都能够以非常酷的效果展示. 2. thickbox (演示地址)] http://jquery.com/demo/thickbox/ thickb

jquery mobile中使用data-role=&amp;amp;quot;dialog&amp;amp;quot;弹出对话框的问题

问题描述 jquery mobile中使用data-role="dialog"弹出对话框的问题 如图,当页面除了一个"page"和"dialog"还有其它的 容器时,对话框后的背景就会显示没有样式的这个容器内容, 这是为什么呢,怎样才能让背景中不显示任何东西 解决方案 试试把背景内容放到另一个page中 你说的data-role =dialog 我没注意到 这个属性... 另外 可以看看 . data-role=popup http://www.

jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)_jquery

我们在天猫进行购物的时候,经常会碰到单击删除按钮或者登陆按钮后,弹出对话框问你是否删除或者弹出一个登陆对话框,并且我们也是可以看到我们之前页面的信息,就是点击不了,只有对对话框进行操作后才有相应的变化.截图如下(以天猫为例)  如图所示,上面就是天猫的效果图,其实这就是通过jQuery实现的,并且实现的过程也不是很不复杂,那么现在就让我们来看看实现的过程吧. 首先是页面的布局部分:delete.html 复制代码 代码如下: <!DOCTYPE html> <html> <h

jquery弹出对话框背景遮罩例子

首先定义一个背景黑色,透明度低的div,当点击的时候弹出需要显示的对话框,并显示遮罩层,关闭对话框,遮罩层隐藏.要注意的是对话框的z-index的值要比遮罩层大. .mask{     position: absolute;     background-color: #000;     opacity: 0.5;     z-index: 99;     top: 0px;     width: 100%;     height: 100%;     display: none; } <div

JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法

jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/: easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果.由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认的信息,但在利用中发现,弹出的对话框,不能再继续执行asp.net按钮的后台响应代码.界面如下