jq 锚点
我想在输入框中输入信息 然后通过锚点 找到信息 并对信息着色网上看到还可以平滑滚动找到锚点
因为是输入框所以不知道该怎么做 求大神支招 --------------------编程问答-------------------- 不是有有样式了,在你的焦点离开输入框的会后执行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后面不带任何参数,很干净。
网上 找的 --------------------编程问答--------------------
我用输入框输入了信息 也知道window.location.hash可以跳转找到描点 但是不能实现平滑滚动
还有着色应该怎么弄 --------------------编程问答--------------------
其实不复杂 很简单
再输入框中输入信息 根据输入的信息在页面中找到信息 并着色
就好比一个在页面中的搜索 你用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~ --------------------编程问答-------------------- 哥们,你的问题描述的不清楚,建议你举个例子,后者画下图,可能别人更容易帮到你。 --------------------编程问答--------------------
怎么修改div 下面的字体颜色?下面有很多内容
table <a>之类的 而且他们原来都有字体颜色 --------------------编程问答--------------------
滚动查找已经实现了 现在是着色的问题 <div>下的东西查找后着色 需要修改下面的所有字体的颜色~~ --------------------编程问答-------------------- 就是a 标签的name属性 然后进入页面直接到name --------------------编程问答--------------------
没不是做了吗。定义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 开发