当前位置: 代码迷 >> ASP.NET >> JS获取Label控件上的数值,需要实现判断;有图 有项目.rar下载解决方案
  详细解决方案

JS获取Label控件上的数值,需要实现判断;有图 有项目.rar下载解决方案

热度:3686   发布时间:2013-02-25 00:00:00.0
JS获取Label控件上的数值,需要实现判断;有图 有项目.rar下载


我需要实现的功能是通过javascript进行判断HTML页面中的数据;不过我不清楚如何获取值和具体实现方法
查过网上很多资料都是不详细,或者说我没看懂的缘故;

希望各位大神指点一下, 如果能实现项目中代码写入一些解释 当然最棒!

具体实现的是这样 :

网页上有一个Label控件,显示值 大于0则 提示 报警,小于等于0则不提示;
提示窗口是javascript+CSS实现的 【其实就是javascript屏幕浏览器右下角信息提醒框】

代码我就不列出来了 程序打包.rar 大小144 KB 里面就是个最简单的项目代码 

该项目源程序下载
[size=18px][/size]

至此 我先谢谢各位 的帮助 !

------解决方案--------------------------------------------------------
帮你把代码改动了一下。
添加了一个按钮触发的Do方法用于判断并显示和隐藏DIV。
HTML code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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 id="Head1" runat="server">    <title></title>    <style type="text/css">        *        {            padding: 0;            margin: 0;        }        li        {            list-style: none;        }        body        {            background: #eee;        }        .float_layer        {            width: 300px;            border: 1px solid #aaaaaa;            display: none;            background: #fff;        }        .float_layer h2        {            height: 25px;            line-height: 25px;            padding-left: 10px;            font-size: 14px;            color: #333;            background: url(title_bg.gif) repeat-x;            border-bottom: 1px solid #aaaaaa;            position: relative;        }        .float_layer .min        {            width: 21px;            height: 20px;            background: url(min.gif) no-repeat 0 bottom;            position: absolute;            top: 2px;            right: 25px;        }        .float_layer .min:hover        {            background: url(min.gif) no-repeat 0 0;        }        .float_layer .max        {            width: 21px;            height: 20px;            background: url(max.gif) no-repeat 0 bottom;            position: absolute;            top: 2px;            right: 25px;        }        .float_layer .max:hover        {            background: url(max.gif) no-repeat 0 0;        }        .float_layer .close        {            width: 21px;            height: 20px;            background: url(close.gif) no-repeat 0 bottom;            position: absolute;            top: 2px;            right: 3px;        }        .float_layer .close:hover        {            background: url(close.gif) no-repeat 0 0;        }        .float_layer .content        {            height: 120px;            overflow: hidden;            font-size: 14px;            line-height: 18px;            color: #666;            text-indent: 28px;        }        .float_layer .wrap        {            padding: 10px;        }        .style1        {            color: #0000FF;        }    </style>    <script type="text/javascript">        function miaovAddEvent(oEle, sEventName, fnHandler) {            if (oEle.attachEvent) {                oEle.attachEvent('on' + sEventName, fnHandler);            }            else {                oEle.addEventListener(sEventName, fnHandler, false);            }        }        function load() {            var oDiv = document.getElementById('miaov_float_layer');            var oBtnMin = document.getElementById('btn_min');            var oBtnClose = document.getElementById('btn_close');            var oDivContent = oDiv.getElementsByTagName('div')[0];            oDiv.style.display = 'block';            var iMaxHeight = 0;            var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig);            iMaxHeight = oDivContent.offsetHeight;            if (isIE6) {                oDiv.style.position = 'absolute';                repositionAbsolute();                miaovAddEvent(window, 'scroll', repositionAbsolute);                miaovAddEvent(window, 'resize', repositionAbsolute);            }            else {                oDiv.style.position = 'fixed';                repositionFixed();                miaovAddEvent(window, 'resize', repositionFixed);            }            oBtnMin.timer = null;            oBtnMin.isMax = true;            oBtnMin.onclick = function () {                startMove(                    oDivContent,                    (this.isMax = !this.isMax) ? iMaxHeight : 0,                    function () {                        oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';                    }                );            };            oBtnClose.onclick = function () {                oDiv.style.display = 'none';            };            oDiv.style.display = 'none';        }        function startMove(obj, iTarget, fnCallBackEnd) {            if (obj.timer) {                clearInterval(obj.timer);            }            obj.timer = setInterval(                function () {                    doMove(obj, iTarget, fnCallBackEnd);                },                 30            );        }        function doMove(obj, iTarget, fnCallBackEnd) {            var iSpeed = (iTarget - obj.offsetHeight) / 8;            if (obj.offsetHeight == iTarget) {                clearInterval(obj.timer);                obj.timer = null;                if (fnCallBackEnd) {                    fnCallBackEnd();                }            }            else {                iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);                obj.style.height = obj.offsetHeight + iSpeed + 'px';                ((window.navigator.userAgent.match(/MSIE 6/ig) && window.navigator.userAgent.match(/MSIE 6/ig).length == 2) ? repositionAbsolute : repositionFixed)()            }        }        function repositionAbsolute() {            var oDiv = document.getElementById('miaov_float_layer');            var left = document.body.scrollLeft || document.documentElement.scrollLeft;            var top = document.body.scrollTop || document.documentElement.scrollTop;            var width = document.documentElement.clientWidth;            var height = document.documentElement.clientHeight;            oDiv.style.left = left + width - oDiv.offsetWidth + 'px';            oDiv.style.top = top + height - oDiv.offsetHeight + 'px';        }        function repositionFixed() {            var oDiv = document.getElementById('miaov_float_layer');            var width = document.documentElement.clientWidth;            var height = document.documentElement.clientHeight;            oDiv.style.left = width - oDiv.offsetWidth + 'px';            oDiv.style.top = height - oDiv.offsetHeight + 'px';        }        function Do() {            var text = document.getElementById("TextBox1").value;            if (parseInt(text) > 0) {                document.getElementById("Label1").innerHTML = text;                document.getElementById("number").innerHTML = text;                document.getElementById("miaov_float_layer").style.display = "block";            }            else {                document.getElementById("miaov_float_layer").style.display = "none";            }        }    </script></head><body onload="load()">    <form id="form1" runat="server">    <div class="float_layer" id="miaov_float_layer">        <h2>            <strong>时时数据报警提示</strong> <a id="btn_min" href="javascript:;" class="min"></a><a                id="btn_close" href="javascript:;" class="close"></a>        </h2>        <div class="content">            <div class="wrap">                <a href="www.baidu.com">当前在线报警数量<strong><span id="number">数量</span></strong>请尽快处</a>                <%--<address><span class="MarginLeft10 a">游梁泵数据监测<a href="TWDataMonitorForm.aspx"></a>√</span></address>--%>            </div>        </div>    </div>    报警数量【<asp:Label ID="Label1" runat="server" BackColor="Red"></asp:Label>    】<span class="style1">报警数量大于0就进行js提示</span><br />    报警值填写<asp:TextBox ID="TextBox1" runat="server" ForeColor="Red" Width="69px"></asp:TextBox>    <asp:Button ID="Button1" runat="server" Height="24px" OnClick="Button1_Click" OnClientClick="Do(); return false;" Text="设置报警数量"        Width="100px" />    </form></body></html>
  相关解决方案