如何使用js实现点击一个按钮之后在原来的页面上弹出一个注册类似的页面,就是类似alert的弹出
发布网友
发布时间:2022-10-11 03:25
我来回答
共1个回答
热心网友
时间:2023-10-10 23:58
/**
* 显示一个弹出界面
*
* @param url
* 界面地址,可以使jsp,页也可以是action
* @param params
* 需要传递的参数
* @param titleDesc
* 页面头描述
* @param width
* 页面宽度
* @param height
* 页面高度
* @param parentView
* 页面所在的父页面
* @param callback
* 回调函数
*/
function showPage(url, params, titleDesc, width, height, parentView, callback) {
var _win = this;
if (!parentView) {
parentView = document;
}
lockScreen_showPage(parentView);
var bordercolor = "#336699";// 提示窗口的边框颜色
var showPageDiv = parentView.createElement("div");
showPageDiv.setAttribute("id", "showPageDiv");
showPageDiv.setAttribute("align", "center");
showPageDiv.style.background = "white";
// showPageDiv.style.border = "1px solid " + bordercolor;
showPageDiv.style.position = "absolute";
showPageDiv.style.left = "50%";
showPageDiv.style.top = "30%";
showPageDiv.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
showPageDiv.style.marginLeft = "-225px";
showPageDiv.style.marginTop = -75 + parentView.documentElement.scrollTop + "px";
showPageDiv.style.width = width + "px";
showPageDiv.style.height = height + "px";
showPageDiv.style.textAlign = "center";
showPageDiv.style.lineHeight = "25px";
showPageDiv.style.zIndex = "10031";
var title = parentView.createElement("h4");
title.setAttribute("id", "showPageTitle");
title.setAttribute("align", "right");
title.style.margin = "0";
title.style.padding = "3px";
// title.style.background = bordercolor;
title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity = "0.75";
// title.style.border = "1px solid " + bordercolor;
title.style.height = "18px";
title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";
// title.style.color = "white";
title.style.cursor = "pointer";
title.title = titleDesc;
title.innerHTML = "<table border='0' width='100%'><tr><td width='85%' align='left'><b id='showPageTitleDesc'>"
+ titleDesc + "</b></td><td id='showPageClose' width='15%' >关闭</td></tr></table>";
var pageBody = parentView.createElement("div");
pageBody.setAttribute("id", "pageBody");
pageBody.style.width = width + "px";
if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {// IE6
pageBody.style.height = height - 26 + "px";
} else {// IE8
pageBody.style.height = height - 25 + "px";
}
pageBody.style.position = "absolute";
pageBody.style.left = "0px";
$.post(url, params, function(data) {
showPageDiv.appendChild(title);
showPageDiv.appendChild(pageBody);
parentView.body.appendChild(showPageDiv);
parentView.getElementById("showPageClose").onclick = function() {
closeShowPage(parentView);
if (callback) {
callback.call(_win);
}
};
$("#pageBody").html(data);
});
}
试试调用这个方法追问这个是用了ajax吧?能写的下完整的html代码吗?
html如何点击按钮跳转页面,并且更改跳转过后页面中某些标签的样式 求...
跳转好实现 <input type="button" value="点此跳转" onclick="goUrl()"/><script type="text/javascript"> function goUrl() { location.href = "http://aaa.com/B.jsp?ischange=1"; }</script>但是你想要直接更改跳转之后的页面样式,那样是行不通的,比如,你从A页面跳转到B...
如何使用HTML实现点击一个链接打开新窗口
方法一:<body onload="openwen()"> 浏览器读页面时弹出窗口;方法二:<body onunload="openwen()"> 浏览器离开页面时弹出窗口;方法三:用一个连接调用:<a href="#" onclick="openwin()">打开一个窗口</a> 注意:使用的"#"是虚连接。方法四:用一个按钮调用:<input type="button" on...
如何实现在一个网页中弹出多个不同的小窗口
方法一:<body onload="openwin()"> 浏览器读页面时弹出窗口; 方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: <a href="#" onclick="openwin()">打开一个窗口</a> 注意:使用的“#”是虚连接。 方法四:用一个按钮调用: <input type="button" onclick="op...
怎样用C#脚本代码在aspx页面弹出一个类似MessageBox的对话框
假如你是在button上点击弹出,可以用 onclientclick="retun confirm(’是否确定‘)"代码如下:<asp:Button ID="btncancel" runat="server" OnClientClick="return confirm('是否确定')" onClieck="事件方法"/> 选择否无操作,选择是的话,执行 onClieck 不知道答案是否另您满意,如果可行,请采纳 ...
...一个网页的按钮点击? 例如a页面是我要写的JS代码,实现对b页面abc按钮...
怎么不换一个思路呢?用A页面获取B页面有点击按钮的标签对象,再获取onclick属性的值,得到了函数 再运行这个函数就可以了呀。要想用js控制按钮的点击,我也找了很久几乎是没这个功能。
用js如何实现点击按钮打开一个指定路径下的文件
1、首先打开计算机,然后打开js,在里面创建一个html文件“test”。2、然后在test文件中添加一个html的框架。3、然后添加两个input,一个是button,一个是file把id设置为“open”style类型设置为“display:none”不显示。4、打开后发现只显示这一个“打开文件”按钮。5、现在给button添加onclick事件,...
在jsp中怎么返回上一页
页面跳转:onclick="window.location.href='list.php'"6.用js实现页面自动返回到上一页 几秒钟后自动返回上一页代码:(加入两个head间,3000表示3秒)<script type="text/javascript">setTimeout("history.go(-1)", 3000); </script> <SCRIPT language=javascript> function go(){ window....
<大神>js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击...
1、打开html开发软件,新建一个html文件。2、在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show。3、然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,然后给这个div设置一个id。4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none...
js实现第一次点击完成一个事件,第二次点击在执行另一个事件? 如何弄呢...
可以在onclick执行完第一个事件后 接着用 this.onclick=function(){shijian2()} 替换nclick 执行第二个时间 <script> function shijian1(){ alert(1);} function shijian2(){ alert(2);} </script> <a href="javascript:;" onclick="shijian1();this.onclick=function(){shijian2()}">...
网页设计实现网页跳转?
在按钮外面扩一个a标签就好了。设置锚点跳转到锚点当然这个是没有动画效果的,需要jscss才能实现动画。搜索html的锚点连接。首先在一个文件里面准备两个自己写的HTML文件以便电话进行跳转的效果查看。然后可以用location.href来指定要跳转的页面便可。然后可以直接alert弹出location.href便可以查看到当前页面的...