jquery ui dialog 怎么加载别的页面? 当点击 一个按钮的时候dialog显示的是其他也面的html代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery ui dialog 怎么加载别的页面? 当点击 一个按钮的时候dialog显示的是其他也面的html代码相关的知识,希望对你有一定的参考价值。
可以利用javascript脚本语言实现,示例如下:1、打开文本编辑器或记事本程序,输入<html><body>以及<head>标签:
<html>
<head></head>
<body></body>
</html>
2、在<head>头标签后输入<script>标签:
<script type="text/javascript">
</script>
3、在<script>标签中定义一个函数duihua()来使网页弹出对话框:
function duihua()
alert("这个窗口是对话框!")
4、然后,再定义一个函数命名为queren(),用来弹出确认框:
function queren()
var se=confirm("请选择点击一个按钮!");
if (se==true)
alert("你按下的是【确认】");
else
alert("你按下的是【取消】");
5、继续定义另一个函数tishi(),用来在网页中弹出提示框。
function tishi()
var t=prompt("请输入您的名字","KING视界")
if (t!=null && t!="")
document.write("精彩MV就在," + t + "!属于你的世界")
6、函数定义好以后,在<body>标签后,建立3个按钮分别用来调用这3个函数执行。
<input type="button" onclick="duihua()" value="点击显示对话框" />
<input type="button" onclick="queren()" value="点击显示确认框" />
<input type="button" onclick="tishi()" value="点击显示提示框" />
7、保存该文件,用ie浏览器打开的,点击对应按钮,即可弹出相应对话框。 参考技术A div中放个iframe追问
具体怎么呢 设置参数说下 刚开始研究ui
追答你是想对话框里面内容是其他页面的内容是吧
你配 jquery ui dialog 的时候 不是需要一个div的么 那么你试试在这个div中放入一个iframe
如何用jquery.ui.dialog加载页面
在MVC3中,怎样用jquery.ui.dialog加载一个Register.cshtml页面。就是点击注册的时候,弹出一个注册的框,而不是注册页面
参考技术A 如果想要加载一个新的页面建议改写jquery-dialog,使内部加载一个iframe. 参考技术B 首先要引用几个js和css:<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.min.js" type="text/javascript"></script>
<link href="../../Script/jquery.ui.all.css" rel="stylesheet" type="text/css" />
然后在页面初始化的时候:
$(function()
$("#div_ID").dialog(
title: "dialog标题",
autoOpen: false,
width: 950,
height: 570,
resizable: false,
modal: true
);
);
最后注册一个js的click方法
function click_OpenDlg()
$("#div_ID").dialog("open");
这样就OK啦。追问
jQuery (document).ready(function ($)
$('#login').bind('click', function()
$.get(this.href, function (data, textStatus, object)
$(object.responseText).dialog(
这是我写的js 但是弹出来的内容不是注册的页面 而是主页Index的页面内容,这是怎么回事呢?
这个和Ajax请求有关系吗,干嘛要搞个Ajax请求呢!不懂!!你如果真的要用dialog,可以直接将你要展现的内容放在id="div_ID"的这个div里面,
然后
$('#login').bind('click', function()
$("#div_ID").dialog("open");
);这样就行了啊。你要展示的内容是在id="div_ID"里面的,这个以dialog的形式展示了你要展示的内容。
以上是关于jquery ui dialog 怎么加载别的页面? 当点击 一个按钮的时候dialog显示的是其他也面的html代码的主要内容,如果未能解决你的问题,请参考以下文章
在Iframe中使用jquery ui dialog 怎么使弹出窗口居于浏览器中间