Показать сообщение отдельно
  #12 (permalink)  
Старый 15.07.2011, 12:12
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,230

Вот некий примерчик поиска...

<!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>
Ответить с цитированием