搜索结果中如何让关键字改变颜色

关键字：key
name = name.replaceAll(key,"<font color=red>" + key + "</font>");

解决方案 »

  1.   

    能给具体的js代码吗？首先需要得到 Searth 容器中的内容，然后才是替换
      

  2.   

    例如我一个搜索页面，搜索结果都放在Searth这个容器中 <div id="Searth"> 
      搜索结果..... 
    </div> 如何通过js让搜索结果中和关键字一致的改成红色字显示？
    <div id="Searth"> 
      例如搜索到了20个结果，就放这里 
    </div> 
      

  3.   

    我只是不知道怎么写，因该很简单例如思路如下：var SearthText=document.getElementById("loginid_info");
    SearthText=SearthText.replace('关键字','<font color=red>关键字</font>')document.getElementById("loginid_info").innerHTML=SearthText;
      

  4.   

    我只是不知道怎么写，因该很简单 例如思路如下： var SearthText=document.getElementById("Searth"); 
    SearthText=SearthText.replace('关键字',' <font color=red>关键字 </font>') document.getElementById("Searth").innerHTML=SearthText; 
      

  5.   


    比如：表中有俩字段：name,content
    搜索关键字：csdn    提交
    public List<User> search(String key) throws Exception {
         getConnection();
        List<User> users = new ArrayList<User>();
         Statement stmt = DriverManager.createStatement();
        String sql = "";     
       if (key == null) {
            sql = "select * from table_name";
          } else {
         sql = "select * from table_name where content like "%" + key + "%";  
         }
        ResultSet rs =  stmt.exxcuteQuery(sql);
        while (rs) {
    String name = rs.getString("name");
    String content = rs.getString("content");
    if (key != null) {
    name = name.replaceAll(key,"<font color='red'>" + key + "</font>");
    content = content.replaceAll(key,"<font color='red'>" + key + "</font>");
    }
    User user = new User();
    user.setName(name);
    user.setContent(content);
    users.add(user);
       }
       return users;
        这样一个方法就实现了查询和显示全部功能，查询功能也可以实现返红的效果。
    }
      

  6.   

    如果返回的是对象，你怎么变色啊，get出来，然后再变，那用户如果想要的结果是title和content中都包含关键字，那更麻烦了。
    那前台就忙死拉，到方法里搞吧。。
      

  7.   

    那用户如果想要的结果是title和content中都包含关键字，那更麻烦了？我是在一个容器里改变颜色，不是整个页面
      

  8.   

    我刚看到一个效果不错，就是只有点击那个链接才有效，直接调用好象不行，大家帮我看看如何才能用
    <html>   
      <head>   
      <meta   http-equiv='content-type'   content='text/html;   charset=gb2312'>   
      <title>在线用户列表</title>   
      <style   type='text/css'>   
      body{font-family:'宋体';font-size:12pt;}td{font-family:'宋体';font-size:10.5pt;line-height:135%;}.p105{font-family:'宋体';color:blue;font-size:10.5pt;}.p9{color=FFFF00;font-size:9pt;}A{color:white;text-decoration:none;}A:Hover{color:black;text-decoration:none;}A:Active{color:black}   
      </style>   
      <script   language='JavaScript'> 
      var   NS4   =   (document.layers);   
      var   IE4   =   (document.all);   
      var   win   =   window;   
      var   n=0;   
      function   findInPage(str){ 
      var   txt,i,found;   
      if(str==''){return   false;}  
      if(NS4)
        {
       if(!win.find(str))   
              while(win.find(str,false,true))
          n++;
       else{n++;}
     }   
      if(IE4)
         {
        txt=win.document.body.createTextRange();  
    for(i=0;i<=n&&(found=txt.findText(str))!=false;i++)
    {   txt.moveStart('character',1);
    txt.moveEnd('textedit'); }
    if(found){txt.moveStart('character',-1);txt.findText(str);txt.select();txt.scrollIntoView();n++;}else{if(n>0){n=0;findInPage(str);}}}return   false;}var searth="大家";
    findInPage(searth);
    </script>   
      </head>   
      <body   bgcolor=3A6EA5 >   <a href='###'  onclick='findInPage("大");'>查找</a>  大家稻田青蛙西瓜种子
      </body>   
      </html>
      

  9.   

    <div id="Searth"> 
      <div class='a'>搜索结果地一条，我是大美女</div>
      <div class='a'>大美女是我</div>
    </div> 我现在搜索  大美女需要结果是：
    <div id="Searth"> 
      <div class='a'>搜索结果地一条，我是<font color=red>大美女</font></div>
      <div class='a'><font color=red>大美女</font>是我</div>
    </div>这样够清楚了吧