当前位置:编程学习 > JAVA >>

jq 锚点

我想在输入框中输入信息 然后通过锚点 找到信息 并对信息着色
网上看到还可以平滑滚动找到锚点
因为是输入框所以不知道该怎么做 求大神支招 --------------------编程问答-------------------- 不是有有样式了,在你的焦点离开输入框的会后执行js然后通过js修改输入框里边文字的样式,焦点的话,里边用this就能获取到该节点了 --------------------编程问答--------------------
引用 1 楼 secondfirstlife 的回复:
不是有有样式了,在你的焦点离开输入框的会后执行js然后通过js修改输入框里边文字的样式,焦点的话,里边用this就能获取到该节点了

- -你在说啥 没懂~我是要在页面中找到描点信息 然后着色 不是该输入框中的颜色 --------------------编程问答-------------------- 你这个问题就只有这点信息,哪个能理解嘛,起码你要把想实现的效果画个图,或者说得更具体些,就像我发一个问题,我遇到问题了,该怎么解决,我不知道问题的具体情况呀 --------------------编程问答-------------------- 在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后面不带任何参数,很干净。

 
网上 找的  --------------------编程问答--------------------
引用 4 楼 z_yes163 的回复:
在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后面不带任何参数,很干净。

 
网上 找的 


我用输入框输入了信息 也知道window.location.hash可以跳转找到描点 但是不能实现平滑滚动 
还有着色应该怎么弄 --------------------编程问答--------------------
引用 3 楼 secondfirstlife 的回复:
你这个问题就只有这点信息,哪个能理解嘛,起码你要把想实现的效果画个图,或者说得更具体些,就像我发一个问题,我遇到问题了,该怎么解决,我不知道问题的具体情况呀

其实不复杂 很简单 
再输入框中输入信息 根据输入的信息在页面中找到信息 并着色
就好比一个在页面中的搜索 你用ctrl+f 在浏览器中看看就知道了 
只是我现在要的东西不一定是显示在页面中的 所以需要自己设计一个这样的搜索 --------------------编程问答-------------------- 那你意思就是获取到你输入的信息,然后其他的事情就做完了呀,你想显示在哪里么,你写个样式,然后把内容写入到对应的元素里边,然后改变元素的样式就行了呀这样的框架很多,就像一个alert弹出框一样,都是可以自定义编辑的嘛 --------------------编程问答-------------------- <!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个值,哪里要改忘了,先看看吧 --------------------编程问答-------------------- 重点看下javascript的3个function~ --------------------编程问答-------------------- 哥们,你的问题描述的不清楚,建议你举个例子,后者画下图,可能别人更容易帮到你。 --------------------编程问答--------------------
引用 9 楼 constanine_xia 的回复:
重点看下javascript的3个function~

怎么修改div 下面的字体颜色?下面有很多内容 
table <a>之类的 而且他们原来都有字体颜色 --------------------编程问答--------------------
引用 10 楼 twinsoyc 的回复:
哥们,你的问题描述的不清楚,建议你举个例子,后者画下图,可能别人更容易帮到你。

滚动查找已经实现了 现在是着色的问题 <div>下的东西查找后着色 需要修改下面的所有字体的颜色~~ --------------------编程问答-------------------- 就是a 标签的name属性 然后进入页面直接到name --------------------编程问答--------------------
引用 11 楼 zh870721 的回复:
Quote: 引用 9 楼 constanine_xia 的回复:

重点看下javascript的3个function~

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

没不是做了吗。定义Id,与你输入的String有联系的id:
id = 你输入的String+"需要补完的string"
var name=document.getElementById(id);//找到你的需要的div;
然后 id.className="准备好的css样式编译"
不就结了?我的例子都贴不是吗?
--------------------编程问答-------------------- 在做个补充。你可能想对选定的div下某个容器元素再编译,那就怎么改
var some=id.getgetElementById("some");
some是你改的容器id,id是前面说的对应的最外层容器的id,直接继续:
some.className="准备好的css样式编译";
很简单啊。话说这里是java区啊。。。。 --------------------编程问答-------------------- 14楼写错了。。
没不是做了吗。定义Id,与你输入的String有联系的id:
name = 你输入的String+"需要补完的string"
var id=document.getElementById(name);//找到你的需要的div;
然后 id.className="准备好的css样式编译"
还有还原,参考function setblack(),至于输入就能启动查询,我再看看。。。onkeypress,onchange都不行来着。。。

补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,