jq 锚点

我想在输入框中输入信息 然后通过锚点 找到信息 并对信息着色
网上看到还可以平滑滚动找到锚点
因为是输入框所以不知道该怎么做 求大神支招

解决方案 »

  1.   

    不是有有样式了，在你的焦点离开输入框的会后执行js然后通过js修改输入框里边文字的样式，焦点的话，里边用this就能获取到该节点了
      

  2.   

    在jsp页面中实现类似锚点的定位 今天在jsp页面中想用a标签的锚点实现在页面内的定位，一种方法为<a href="javascript:void(0)" onclick="window.location.hash='view'"></a><a name="view"></a>这种方法url后面会带上#view.于是去网上搜了一番，又发现一个不错的方法，使用scrollIntoView()函数,<a href="javascript:void(0)" onclick="document.getElementById('view').scrollIntoView();"></a><a id="view"></a>这个函数可以实现,而且url后面不带任何参数，很干净。 
    网上 找的 
      

  3.   


    我用输入框输入了信息 也知道window.location.hash可以跳转找到描点 但是不能实现平滑滚动 
    还有着色应该怎么弄
      

  4.   

    其实不复杂 很简单 
    再输入框中输入信息 根据输入的信息在页面中找到信息 并着色
    就好比一个在页面中的搜索 你用ctrl+f 在浏览器中看看就知道了 
    只是我现在要的东西不一定是显示在页面中的 所以需要自己设计一个这样的搜索
      

  5.   

    那你意思就是获取到你输入的信息，然后其他的事情就做完了呀，你想显示在哪里么，你写个样式，然后把内容写入到对应的元素里边，然后改变元素的样式就行了呀这样的框架很多，就像一个alert弹出框一样，都是可以自定义编辑的嘛
      

  6.   

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
    <style>
    .selectd{
    border:solid 1px blue;
    background-color:#Fa13b1;
    color:Yellow;
    }
    .unselected{
    border:solid 1px black;
    background-color:white;
    color:black;
    }
    #inputdiv{
    position:fixed;
    left:800px;
    }</style><script>
    var words;
    function select(){

        words=document.getElementById('intxt').value;
    if(words.length>=3){
    setblack();
    serach(words);
    }
    }

    function setblack(){
    var as=document.getElementsByTagName('span');
    for(var i=0;i<as.length;i++){
    as[i].className="unselected";
    }
    }

    function serach(words){
    var env=document.getElementById(words);
    env.scrollIntoView();
    var name=document.getElementById(words+'_name');
    name.className="selectd";
    }

    </script>
    </head>
    <body>
    <div id="inputdiv">
    <input type="text" id="intxt" /><br />
    <a href="javascript:void(0)" onclick="select();">turn in</a>
    </div>
    <div>
    <a id="constanine"></a><span id="constanine_name">constanine</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br /><a id="smith"></a><span id="smith_name">smith</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br /><a id="breake"></a><span id="breake_name">breake</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br /><a id="tom"></a><span id="constanine_name">constanine</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br />
    <a id="aclie"></a><span id="aclie_name">aclie</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br /><a id="john"></a><span id="john_name">john</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br /><a id="jack"></a><span id="jack_name">jack</span>
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br />
    *************************************************<br /><br /><br />
    </div>
    </body>
    </html>
    还有点小问题，快下班了，就不码了，就是现在输入框，必须靠turn in点击来执行跳转，onkeydown只能使input永远输入1个值，哪里要改忘了，先看看吧
      

  7.   

    重点看下javascript的3个function~
      

  8.   

    怎么修改div 下面的字体颜色？下面有很多内容 
    table <a>之类的 而且他们原来都有字体颜色
      

  9.   

    滚动查找已经实现了 现在是着色的问题 <div>下的东西查找后着色 需要修改下面的所有字体的颜色~~
      

  10.   

    就是a 标签的name属性 然后进入页面直接到name
      

  11.   

    怎么修改div 下面的字体颜色？下面有很多内容 
    table <a>之类的 而且他们原来都有字体颜色
    没不是做了吗。定义Id，与你输入的String有联系的id：
    id = 你输入的String+"需要补完的string"
    var name=document.getElementById(id);//找到你的需要的div；
    然后 id.className="准备好的css样式编译"
    不就结了？我的例子都贴不是吗？
      

  12.   

    在做个补充。你可能想对选定的div下某个容器元素再编译，那就怎么改
    var some=id.getgetElementById("some");
    some是你改的容器id，id是前面说的对应的最外层容器的id，直接继续：
    some.className="准备好的css样式编译";
    很简单啊。话说这里是java区啊。
      

  13.   

    14楼写错了。。
    没不是做了吗。定义Id，与你输入的String有联系的id：
    name = 你输入的String+"需要补完的string"
    var id=document.getElementById(name);//找到你的需要的div；
    然后 id.className="准备好的css样式编译"
    还有还原，参考function setblack()，至于输入就能启动查询，我再看看onkeypress,onchange都不行来着