当前位置:网站首页>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
边栏推荐
- [screen recording] how to record in the OBS area
- Nacos installation and service registration
- What is the process of building a website
- openresty ngx_lua请求响应
- Three. JS VR house viewing
- 视频标准二三事
- Non rigid / flexible point cloud ICP registration
- 判断二叉树是否为完全二叉树
- 代码农民提高生产力
- [digital signal denoising] improved wavelet modulus maxima digital signal denoising based on MATLAB [including Matlab source code 1710]
猜你喜欢
Sum of two numbers, sum of three numbers (sort + double pointer)
Tensor attribute statistics
Basic knowledge of database (interview)
Selenium+pytest automated test framework practice
一文搞定class的微觀結構和指令
audiopolicy
2:第一章:认识JVM规范1:JVM简介;
Error when LabVIEW opens Ni instance finder
The PNG image is normal when LabVIEW is opened, and the full black image is obtained when Photoshop is opened
fibonacci search
随机推荐
Multi camera stereo calibration
Multi sensor fusion of imu/ electronic compass / wheel encoder (Kalman filter)
Use the rewrite rule to rewrite all accesses to the a domain name to the B domain name
Three.JS VR看房
Getting started stm32--gpio (running lantern) (nanny level)
2: Chapter 1: understanding JVM specification 1: introduction to JVM;
Debian 10 installation configuration
3D reconstruction of point cloud
CJ mccullem autograph: to dear Portland
ORB_ SLAM2/3
Registration and skills of hoisting machinery command examination in 2022
2022 registration examination for safety management personnel of hazardous chemical business units and simulated reexamination examination for safety management personnel of hazardous chemical busines
Registration of Electrical Engineering (elementary) examination in 2022 and the latest analysis of Electrical Engineering (elementary)
秒杀系统的设计与实现思路
第十七周作业
UART Application Design and Simulation Verification 2 - TX Module Design (Stateless machine)
Krypton Factor purple book chapter 7 violent solution
Summary of binary tree recursive routines
PLC编程基础之数据类型、变量声明、全局变量和I/O映射(CODESYS篇 )
One article deals with the microstructure and instructions of class