当前位置:网站首页>asp. Net pop-up layer instance
asp. Net pop-up layer instance
2022-07-05 23:15:00 【Full stack programmer webmaster】
Hello everyone , I meet you again , I'm the king of the whole stack
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestASPNetNewBlock._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul>
<li> Operation 1 </li>
<li> Operation two </li>
<li><asp:Button ID="btnShow" runat="server" Text=" Operation three ( Click me to pop up the layer )" OnClientClick="return ShowBlock();" /></li>
<li> Operation 4 </li>
<li> Operation 5 </li>
</ul>
</div>
<!-- Pop-up layer ,-->
<div id="divNewBlock" style=" border:solid 1px;padding:10px;width:600px;z-index:1001;
position: absolute; display:none;top:50%; left:10%;margin:-50px;">
<div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" >
<div>
Pop-up layer , Usually in a hidden state , Controls can be placed here , Load data . Operation data, etc .
</div>
<div>
<asp:Button ID="BtnOperation" runat="server" Text=" operation button" OnClientClick="return Operate();"/>
<asp:Button ID="BttCancel" runat="server" Text=" close " OnClientClick="return HideBlock();" />
</div>
</div>
</div>
</form>
</body>
<script type="text/javascript" language="javascript">
function HideBlock() {
document.getElementById("divNewBlock").style.display = "none";
return false;
}
function ShowBlock() {
var set = SetBlock();
document.getElementById("divNewBlock").style.display = "";
return false;
}
function SetBlock() {
var top = document.body.scrollTop;
var left = document.body.scrollLeft;
var height = document.body.clientHeight;
var width = document.body.clientWidth;
if (top == 0 && left == 0 && height == 0 && width == 0) {
top = document.documentElement.scrollTop;
left = document.documentElement.scrollLeft;
height = document.documentElement.clientHeight;
width = document.documentElement.clientWidth;
}
return { top: top, left: left, height: height, width: width };
}
function Operate() {
return false;
}
</script>
</html>
Source code address :http://download.csdn.net/detail/yayun0516/8264489
Copyright notice : This article is an original blog article . Blog , Without consent , Shall not be reproduced .
Publisher : Full stack programmer stack length , Reprint please indicate the source :https://javaforall.cn/117540.html Link to the original text :https://javaforall.cn
边栏推荐
- regular expression
- Hcip day 12 (BGP black hole, anti ring, configuration)
- 数据库基础知识(面试)
- Metasploit(msf)利用ms17_010(永恒之蓝)出现Encoding::UndefinedConversionError问题
- leecode-学习笔记
- 【Note17】PECI(Platform Environment Control Interface)
- 一文搞定class的微观结构和指令
- Detailed explanation of pointer and array written test of C language
- Multi sensor fusion of imu/ electronic compass / wheel encoder (Kalman filter)
- UART Application Design and Simulation Verification 2 - TX Module Design (Stateless machine)
猜你喜欢
一文搞定垃圾回收器
【原创】程序员团队管理的核心是什么?
2022 R2 mobile pressure vessel filling review simulation examination and R2 mobile pressure vessel filling examination questions
[speech processing] speech signal denoising and denoising based on Matlab GUI low-pass filter [including Matlab source code 1708]
Practice of concurrent search
Object detection based on impulse neural network
The method and principle of viewing the last modification time of the web page
一文搞定class的微观结构和指令
并查集实践
Dynamic memory management (malloc/calloc/realloc)
随机推荐
Multi sensor fusion of imu/ electronic compass / wheel encoder (Kalman filter)
2:第一章:认识JVM规范1:JVM简介;
2.13 summary
媒体查询:引入资源
C Primer Plus Chapter 9 question 10 binary conversion
3:第一章:认识JVM规范2:JVM规范,简介;
第十七周作业
秒杀系统的设计与实现思路
Element positioning of Web Automation
Getting started stm32--gpio (running lantern) (nanny level)
LabVIEW打开PNG 图像正常而 Photoshop打开得到全黑的图像
ORB_ SLAM2/3
Metasploit (MSF) uses MS17_ 010 (eternal blue) encoding:: undefined conversionerror problem
audiopolicy
实现反向代理客户端IP透传
Selenium+pytest automated test framework practice
openresty ngx_ Lua request response
判斷二叉樹是否為完全二叉樹
6-axis and 9-axis IMU attitude estimation
Go language implementation principle -- lock implementation principle