zoukankan      html  css  js  c++  java
  • 关于csdn的给分效果的再次实现!

    上次的随笔有个问题,对firefox不支持,而且如果是用datagrid或者datalist或者repeater绑定的文本框就会出现问题.下面是新代码:
    <div id="pop" style="DISPLAY: none; FONT-SIZE: 12px; BACKGROUND: #ffff00; WIDTH: 120px; POSITION: absolute"></div>
                <script language="javascript">
          var cen = document.getElementById("pop");//得到那个提示框
          function fen(e)
          {
             //通过隐藏字段得到总分数
             var zong = parseInt((document.getElementById("hiddenMark")).value);
             var obj = document.getElementById("Table2");//得到那个包含repeater的表格
             var objs = obj.getElementsByTagName("INPUT");//得到表格里所有输入框
             var gei = 0;//定义已经给了多少分
             for(var i=0;i<objs.length;i++)
             {
                gei = gei+parseInt(objs[i].value);//循环得到所有已经给的分
             }
             var n = zong - gei;//得到还有多少分可以给
             //如果多给了分就让提示层的背景红色
           
             cen.style.background = (n<0) ? "#ff0000" : "#ffff00"; 
             cen.innerHTML = "该问题总分值:" + zong + "还可以给的分:" + n;
             return n;
          }
         
          //当鼠标移到这个给分框的时候执行这个函数
          function cc(e)
          {
             var a = e.id;//首先根据传入的对象获得他的id
             var b = document.getElementById(a);//再根据id获得这个对象
             b.select();//让取得的这个输入框全部选择,当然也获得了焦点,必须要这样才能够让他获得焦点
             fen(e);//计算分数
             var ttop = b.offsetTop;//获得输入框的上面偏移
             var tleft= b.offsetLeft;//获得输入框的左偏移量
             var h = b.clientHeight;//获得输入框的高度
             var w = e.clientWidth;//获得输入框的宽度
             while (b = b.offsetParent){ttop += b.offsetTop; tleft += b.offsetLeft;}
             cen.style.top = ttop + h;
             cen.style.left= tleft + w - cen.clientWidth;
             cen.style.display = "";
          }
         
          //当鼠标移开的时候执行的函数
          function out(e)
          {
             cen.style.display = "none"; //提示层隐藏
          }
                </script>
          </body>

    经过测试在firefox下面一切显示正常!!!
  • 相关阅读:
    动态规划-神奇的口袋V1
    独立项目-建立Web服务器-00
    连接数据库时出现:SQL Server 建立连接时出现与网络相关的或特定于实例的错误
    独立项目-MemoryStream-内存数据读写-01
    独立项目-场景刷怪、小怪AI、主角战斗、小怪死亡-01
    独立项目-角色控制器FSM-FSM有限状态机-03
    独立项目-角色控制器FSM-AnimatorController学习-02
    独立项目-角色控制器FSM-学习内容-01
    Unity中的UGUI之Rect Transform__02
    矩阵的平移、旋转与缩放
  • 原文地址:https://www.cnblogs.com/hantianwei/p/1696754.html
Copyright © 2011-2022 走看看