FF高亮显示问题 ,IE下显示正常

吃花的鱼 发布于 2012/02/08 13:53
阅读 254
收藏 0

<html>
 <head>
  <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <style type="text/css">
  a {
   font-size: 13px;
  }
  span {
   font-size: 13px;
  }
  .word {
   margin-right: 10px;
  }
  #advise {
   border: 1px solid #7F9DB9 ;
   margin-top: 5px;
   padding-left: 5px;
  }
 </style> 
 </head>
 <body>
  <form id="formSavaContext" action="../servlet/SaveChapterContextServlet" method="post">
  <input type="hidden" id="dirtyword" value="<%=sensitivewords%>" />
  <div style="margin: 20px;margin-left: 100px;">
   <h2>说明:点击下面的敏感词, 可以定位修改, 保存内容成功 即为该章节审核通过</h2>
  </div>
  <table style="margin: 20px;margin-left: 100px;">
   
   <tr>
    <td>
     <span>章节内容:</span>
    </td>
    <td>
    <textarea rows="30" cols="70" name="strContext" id="strContext">1、 国家地震局:建成数十年来,没有预测过一个地震,没有发明过一项预震防震抗震技术,没有推行过一套预震防震抗震教育。以无为而治,荣登榜首。
2、 国家统计部:近二十年,尤其是近十年来,国家统计局统计数据,没有一项得到社会认可,
没有一项有人相信,尤其以日前cpi指数微超3%和年前房价成本效益统计,为社会所嗤之以鼻,不屑一顾,其以有为而无所作为,做无用功最多,而喜获第二名。
3、 国家质量监测局:随着毒牛奶案件的惊天大曝光,质量监测局的免检产品纷纷落马,一时间风头无两,以迅雷不及掩耳盗铃之势,顺利击败大部分对手,获得第三名。
4、 国家环境保护部:环保部门以数十年为一日的稳定无能,日日励精图治,年年环境恶化。尤其以将黄河治理断流这一伟大功绩,获得了最无用部门的第四名,同时,环保部门以其唯一的业务——罚款。获得了第一罚款单位的荣誉称号。
5、证监会:出道数年时间的非凡表现,仅靠在06年到10年四年的出色表现,就以各种黑幕交易和监督无力,迅速抢滩登陆,被中国股民们顶上了最无能部门第五名
6、发改委:成立至今就只干过两件事,1、涨价,2、为涨价辩护。但因其副业“打灰机”的精准度一度超过二炮而大受赞扬,排在第6位有些委屈了.
7、城市管理行政执法局,简称“城管”:钢铁的心肠黑色胆,杀声吓破乞丐胆,风林火山威名传,抢必狠,打必烂,砸敌摊位再罚款!拥有三千城管,便可收复taiwan。拥有十万城管,轻松扫荡美利坚。
8、广电总局:应该让广电总局管食品安全,食品**监督管理局监督影视剧。这样大家可以看想看的电影电视剧,吃安全放心的食品。
9、食品监督管理局:就是为了广大中国人民在下一场生化战争中活下来,这么多年来,我们吃地沟油、化学火锅、三聚氰胺奶粉、毒大米,皮革奶。日本辐射我们不怕,因为我们有中国食品监督管理局
10、最神秘的部门:有关部门。最神秘的人士:有关人士。最神秘的专家:有关专家</textarea>
    </td>
   </tr>
   
  </table>
 </form>
 <script language="JavaScript" type="text/javascript" >
var win = window;  
var n = 1;

win.onload = function(){
  var keyword = "涨价|日|国家";
  
  // var keyword=document.getElementById("dirtyword").value;
   //alert(keyword);
   // 高亮显示
   if (keyword != ""){
   
    highLight(keyword);
   }
  
 }
    var si = 0;
  function highLight(str){
   
   var  e = document.getElementById("strContext");
   
   //var source = e.value;
  var  source=formatStr(e.value)
   e.innerHTML = "";
   var arrr = new Array();
   
  var  strs=str.split("|");
  
  for(var i=0;i<strs.length-1;i++){
     
    getArrays(arrr,source,strs[i]);
 }
  
   var normal_start = 0; 
    arrr.sort(function(a, b) { return a.start > b.start ? 1 : -1;} );//
   
   for(var i = 0 ; i<arrr.length; i++){
     if(arrr[i].start> 0 && i == 0){
     
      var obj0 = document.createElement("span");
      obj0.innerText = source.substring(0,arrr[i].start);    
      e.appendChild(obj0);
      alert(e.innerHTML);
     }
     var obj1 = document.createElement("span");
         obj1.innerHTML = arrr[i].sii;
       
       obj1.style.color = "red";
       obj1.style.backgroundColor = "yellow";
       e.appendChild(obj1);
     
                    // alert(e.innerHTML);
     var obj2 = document.createElement("span");
     //source.length  文本的长度
     var nend = source.length;
     if(arrr[i+1]){
      nend = arrr[i+1].start;                
     }
     obj2.innerText = source.substring(arrr[i].end,nend);
    
     e.appendChild(obj2);
         
   }
   //e.value=e.value;
       // alert(e.value);
  }
 
  function getArrays(arr,sourceStr,str){
   
   //si 检索位置
   if(sourceStr.indexOf(str,si) == -1){
    si=0;
    return arr;
    }
   var obj = new Object();
   var start = sourceStr.indexOf(str,si);
   //end 下一个检索的位置
   var end = start + str.length;
   
  
   si = end;
   
  arr.push({"start":start,"end":end,"sii":str});
  
   getArrays(arr,sourceStr,str);
  }

   function formatStr(str)
{
    str=str.replace(/\r\n/ig,"\r\n");
return str;
}
     function formatStrs(str)
{
     str=str.replace(/br/ig,"\n\r");
return str;
}
</script>
</body>
</html>

 

这段代码在IE下可用  到FF上就用不了 ,忘高手指教!!!!!!在线等

加载中
0
leo108
leo108
用firebug调试下
0
f
fragno
http://www.caopeng.org/bbs/thread-27733-1-1.html
返回顶部
顶部