我需要实现的功能是通过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>