ASP.NET(C#) 最简单的弹出层

最新推荐文章于 2022-07-26 17:28:50 发布
最新推荐文章于 2022-07-26 17:28:50 发布
阅读量3.7k 收藏 2
点赞数
分类专栏： .NET程序 文章标签： asp.net c# textbox server asp function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hdhai9451/article/details/7710936
版权

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="DOCX.Test" %>

<!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>
    <style type="text/css">
        body
        {
            margin: 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <a href="javascript:void(0)" οnclick="showFloat()">登陆 </a>//登陆链接
    <table style="width: 100%;">
        <tr>
            <td>
                &nbsp;<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
    </table>
    <!--加一个半透明层-->
    <div id="doing" style="filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
        background-color: #000; width: 100%; height: 100%; z-index: 1000; position: absolute;
        left: 0; top: 0; display: none; overflow: hidden;">
    </div>
    <!--加一个登录层-->
    <div id="divLogin" style="border: solid 10px #898989; background: #fff; padding: 20px;
        width: 780px; z-index: 1001; position: absolute; display: none; top: 50%; left: 50%;
        margin: -200px 0 0 -400px;">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <div style="padding: 3px 15px 3px 15px; text-align: left; vertical-align: middle;">
                    <div>
                        用户：
                        <asp:TextBox ID="TxtUserName" runat="server"> </asp:TextBox>
                    </div>
                    <div>
                        密码：
                        <asp:TextBox ID="TxtUserPwd" runat="server" TextMode="Password"> </asp:TextBox>
                    </div>
                    <br />
                    <div>
                        &nbsp; &nbsp;
                        <asp:Button ID="btnLogin" runat="server" Text=" 登 陆 " OnClick="btnLogin_Click" />&nbsp;
                        <input id="btnCancel" type="button" value=" 取 消 " οnclick="Close()" />
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                    </div>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
<script type="text/javascript" language="javascript">
    function Close()                        //隐藏两个层
    {
        document.getElementById("doing").style.display = "none";
        document.getElementById("divLogin").style.display = "none";
    }
    function $(id) {
        return (document.getElementById) ? document.getElementById(id) : document.all[id];
    }
    function showFloat()                    //根据屏幕的大小显示两个层
    {
        document.getElementById("<%=TxtUserName.ClientID %>").value = document.getElementById("<%=TextBox1.ClientID %>").value;
        var range = getRange();
        $('doing').style.width = range.width + "px";
        $('doing').style.height = range.height + "px";
        $('doing').style.display = "block";
        document.getElementById("divLogin").style.display = "";
    }
    function getRange()                      //得到屏幕的大小
    {
        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 };
    }
</script>
</html>

Andy__Huang
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于ASP.NET三层架构的搭建
m0_46008427的博客
03-26 3198
关于ASP.NET三层架构的搭建
ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1
08-19
ASP.NET 4高级程序设计(第4版)》【原版书为：Pro ASP.NET 4 in C# 2010】是ASP.NET领域的鸿篇巨制，全面讲解了ASP.NET4的各种特性及其背后的工作原理，并给出了许多针对如何构建复杂、可扩展的网站从实践中得出的...
ASP.NET 绝对居中弹出层
10-27
1. 弹出绝对居中层 2. 企业级应用标准，支持SharePoint 3. 基于ASP.ENT, JavaScript, CSS开发
ASP.NET弹出窗口Div实现
Cambridge
12-26 8693
出处：点击打开链接 我修正了这位仁兄的两个bug及添加、修改了若干代码，使之能运行，更易懂。 在本教程中，我将用最通俗的语言和最简洁的代码给大家演示如何创建一个JavaScript弹出DIV窗口层的效果。 创建一个弹出DIV窗口可能是现在网站/网页制作中最常碰到的问题之一。传统的JavaScript弹窗已经不适合目前网站的设计理念了，理由有二：首先，不友好——生硬的弹出对
VS2019上用C#和ASP.NET写WebForm网页的试练
weixin_45707491的博客
01-25 1万+
1 前言 NET平台的VS2019还是挺爽手的IDE，写WinForm较写WebForm程序写起来方便，毕竟项目所需资源基本上都在本地，而WinForm不仅需要IIS支持，还需要其它Script帮助。所说MS出了ASP5，微软自己用的网络平台是基于.NET和ASP5的。MS能跑在.NET和ASP上，其它小网站当然不在话下。其实VS2019上，有MVC模式可参选，但初步印象好像不是Ruby on Rail那样的MVC实例化了。先搭个WebForm找找感觉，如果能激发出足够的热情，后面的事就好开展了。 2
从底层了解ASP.NET体系结构
gqk01的博客
03-01 2498
A low-level Look at the ASP.NET Architecture ASP.NET is a powerful platform for building Web applications, that provides a tremendousamount of flexibility and power for building just about any kind of Web a
C#毕业设计——基于C#+asp.net+sqlserver的WEB招投标系统设计与实现（毕业论文+程序源码）——招投标系统
m0_66238867的博客
07-08 947
大家好，今天给大家介绍基于C#+asp.net+sqlserver的WEB招投标系统设计与实现，文章末尾附有本毕业设计的论文和源码下载地址哦。文章目录： 项目难度：中等难度 适用场景：相关题目的毕业设计 配套论文字数：8779个字26页 包含内容：整套源码+完整毕业论文 资源文件目录简图如下： 提示：以下为毕业论文的简略介绍，项目源码及完整毕业论文下载地址见文末。引言 省略本系统以保证招投标活动的公平、公正和公开的原则，采用竞争的手段实现大宗货物和服务的采购最优化的方式。本文阐述的就是在B/S模式下的Web
ASP.NET - MVC框架及搭建教程
u011555996的博客
12-17 1万+
一、MVC简介 MVC：Model-View-Controller（模型-视图-控制器），MVC是一种软件开发架构模式。 1、模型（Model） 模型对象是实现应用程序数据域逻辑的应用程序部件。通常，模型对象会检索模型状态并将其存储在数据库中。例如，Product对象可能会从数据库中检索信息，操作该信息，然后将更新的信息写回到数据库内的Product表中。 2、视图（View） 视图是显示应用程序用户界面(UI)的组件。通常，此UI是用模型数据创建的。Product表的编辑视图便...
C#毕业设计——基于C#+asp.net+sqlserver的精品课程教学网站设计与实现（毕业论文+程序源码）——教学网站
m0_66238867的博客
07-11 2880
大家好，今天给大家介绍基于C#+asp.net+sqlserver的精品课程教学网站设计与实现，文章末尾附有本毕业设计的论文和源码下载地址哦。文章目录： 项目难度：中等难度 适用场景：相关题目的毕业设计 配套论文字数：27412个字56页 包含内容：整套源码+完整毕业论文 资源文件目录简图如下： 提示：以下为毕业论文的简略介绍，项目源码及完整毕业论文下载地址见文末。绪论 近年来，随着计算机互联网络和网络多媒体应用技术的飞速发展，基于互联网络的远程教育站点和机构如雨后春笋般纷纷出现，学校以往一成不变的课堂教学
C#毕业设计——基于C#+asp.net+SQL Server的电子书城系统设计与实现（毕业论文+程序源码）——电子书城系统
m0_66238867的博客
07-07 2659
大家好，今天给大家介绍基于C#+asp.net+SQL Server的电子书城系统设计与实现，文章末尾附有本毕业设计的论文和源码下载地址哦。文章目录： 项目难度：中等难度 适用场景：相关题目的毕业设计 配套论文字数：16358个字55页 包含内容：整套源码+完整毕业论文 资源文件目录简图如下： 提示：以下为毕业论文的简略介绍，项目源码及完整毕业论文下载地址见文末。第1章 选题背景 1.1计算机电子商务行业的发展情况 省略1.2电子书城系统的现状 省略1.3电子书城的优势 省略1.4 任务概述 1.4.1目标
asp.net知识库
06-18
用于弹出ModalDialog进行数据选择的控件 使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的...
多功能在线考试系统改进版源码(毕业设计c#)
02-23
因为水平有限，所以应该有不少还没发现的BUG，我学习ASP.NET的时间是从今年三月份做毕业设计开始的（以前只是大二时学过这门课程的一点点东西），到现在差不多三个月，所幸这学期没有课程了，可以全心全意的学习.NET...
C#与.NET.3.5高级程序设计(第4版)].Pro.C#.2008.and.the.NET.3.5
05-21
### C#与.NET 3.5 高级程序设计：MVC 模型类与 LINQ to SQL 的应用 #### 知识点一：MVC 架构与模型类的...此外，由于 ASP.NET MVC 框架并未绑定到特定的数据访问技术，因此可以根据实际需求选择最合适的 ORM 工具。
C#毕业设计——基于C#+asp.net+sqlserver的学生成绩管理系统设计与实现（毕业论文+程序源码）——成绩管理系统
m0_66238867的博客
07-26 4391
本系统依据开发要求主要应用于教育系统，完成对日常的教育工作中学生成绩档案的数字化管理。开发本系统可使学院教职员工减轻工作压力，比较系统地对教务、教学上的各项服务和信息进行管理，同时，可以减少劳动力的使用，加快查询速度、加强管理，以及国家各部门关于信息化的步伐，使各项管理更加规范化。本系统在开发过程中，注意使其符合操作的业务流程，并力求系统的全面性、通用性，使得本系统不只适用于一家教育机构。提示以下为毕业论文的简略介绍，项目源码及完整毕业论文下载地址见文末。第一章绪论try{...
MD5、SHA256、SHA512加密算法，以及可逆算法
热门推荐
hdhai9451的专栏
09-09 4万+
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Security.Cryptography; using System.Text;
枚举类型转换成List
hdhai9451的专栏
09-09 2万+
--定义一个枚举 public enum Gender { [Description("男")] Male = 1, [Description("女")] Female = 2 } /// /// 此类专门是针对枚举相关的数据进行服务一个类 /// public static class EnumDataUtility {
C#导出到txt文件的三种方法
hdhai9451的专栏
03-12 1万+
方法一：  HttpResponse resp = System.Web.HttpContext.Current.Response; resp.ContentEncoding = System.Text.Encoding.GetEncoding("GB2312"); resp.AppendHeader("Content-Disposition", "attachment;filename="
asp.net C#期末简单
最新发布
05-17
一般来说，ASP.NET C# 课程是一个比较深入的课程，需要掌握大量的知识和技能。 以下是一些可能出现在 ASP.NET C# 期末考试中的题目： 1. 什么是 ASP.NET C#，其主要特点是什么？ 2. 什么是 MVC 模式，其在 ASP.NET...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值