Вот некий примерчик поиска...
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
#b1:target,
#b2:target,
#b3:target {
border: 1px solid red;
}
</style>
<script type="text/javascript">
function Go() {
var val=document.getElementById('item').value
val=(val=='')? 'b1': val
top.location='#'+val
Find()
}
function Find() {
var ob=top.location.hash
if (ob=='') {
return
}
ob=ob.split('#')[1]
ob=document.getElementById(ob)
ob=ob.getElementsByTagName('h2')
var o
var i=0
while (ob[i]) {
o=ob[i].nextSibling
while (o.tagName!='DIV') {
o=o.nextSibling
}
o.style.border='1px solid green'
i++
}
}
</script>
</head>
<body>
<div id='b1'>
<h2>Заголовок 1</h2>
<div>Комментарий 1</div>
</div>
<div id='b2'>
<h2>Заголовок 2</h2>
<div>Комментарий 2</div>
</div>
<div id='b3'>
<h2>Заголовок 3</h2>
<div>Комментарий 3</div>
</div>
<input type='text' id='item' />
<input type='button' value='Go' onclick='Go()' />
</body>
</html>
|