Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

JS: Быстрый поиск по HTML-тексту

Обсуждение темы JS: Быстрый поиск по HTML-тексту в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Подскажите пожалуйста, как избавиться от полос, возникающих по результатам поиска? Код: <html> <head> <title>Быстрый поиск</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <style type="text/css"> <!-- html, ...


Закрытая тема
 
Опции темы
Старый 13.02.2011, 05:33   #1
Подскажите пожалуйста, как избавиться от полос, возникающих по результатам поиска?

Код:
<html>
<head>
<title>Быстрый поиск</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<style type="text/css">
<!--
html, body {MARGIN:0 0 1.1em 6%; PADDING:0; BORDER:none; BACKGROUND-COLOR:#FFFFF1;}

div.curvy {POSITION:relative; WIDTH:100%; COLOR:#000; BACKGROUND:#BBCCBB;
MARGIN:2% 0 2% 0; PADDING:10px 0px 18px 0px; FONT-FAMILY:monospace;}
#ctl, #cbl {POSITION:absolute; WIDTH:20px; HEIGHT:20px;
COLOR:#BBCCBB; BACKGROUND:#FFFFF1; OVERFLOW:hidden; FONT-STYLE:normal; Z-INDEX:1;}
#ctl {TOP:0; LEFT:0;}
#cbl {BOTTOM:0; LEFT:0;}
div.curvy em b {POSITION:absolute; FONT-SIZE:150px; FONT-FAMILY:Arial;
COLOR:#BBCCBB; LINE-HEIGHT:40px; FONT-WEIGHT:normal;}
#ctl b {LEFT:-8px;}
#cbl b {LEFT:-8px; TOP:-17px;}

td.quot1, .quot2 {COLOR:#004a4a; FONT-FAMILY:serif; FONT-SIZE:190%; FONT-WEIGHT:bold;}
td.quot1 {PADDING:0 0 0 4%;}
td.note {LINE-HEIGHT:1.15em; PADDING:1.4em 0 0 4%; FONT-SIZE:14px; COLOR:#00384a;}
div.t {FONT-WEIGHT:bold; COLOR:#990000; FONT-SIZE:7.5pt; BORDER-BOTTOM:1px solid #728776;
FONT-FAMILY:Tahoma, Helvetica, Geneva; MARGIN-LEFT:20%; TEXT-ALIGN:left;}

@media screen, projection, tv, handheld, speech {
input[type="text"]:focus {color: WindowText;}
.hidden {display: none;}
}
-->
</style>

<script language="JavaScript">
<!--
function I(){
document.write('<div class="curvy">');
document.write('<em id="ctl"><b>&bull;</b></em><em id="cbl"><b>&bull;</b></em>');
document.write('<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign=top>');
document.write('<td width="12%" align="right">');
document.write('</td>');
}
function II(){
document.write('<td width="4%" align="right" class="quot1">«</td>');
document.write('<td width="60%" class="note">');
document.write('<a>');
}
function III(){
document.write('</a>');
document.write('</td>');
document.write('<td width="24%" valign="bottom" class="quot2">»</td>');
document.write('</tr></table>');
document.write('</div>');
}
//-->
</script>

<script type="text/javascript">
var keyTimerId=0;
function prevEle(e){do{e=e.previousSibling} while(e && e.nodeType != 1); return e};
function nextEle(e){do{e=e.nextSibling} while(e && e.nodeType != 1); return e};
function isVisible(e){var rows=e.rows; for(var i=0, r; r=rows[i]; i++){if(!r.className || r.className == 'visible')return true}};
function find(){
	var div, tb, h; var val=document.getElementById('searchbox').value.toLowerCase(); var lnks=document.getElementsByTagName('a');
	for(var i=0, li; li=lnks[i]; i++){
		div=li.parentNode.parentNode; div.className=((li.textContent || li.innerText).toLowerCase().indexOf(val) != -1) ? 'visible' : 'hidden';
		if(!nextEle(div)){
			tb=div.parentNode.parentNode; h=prevEle(tb);
			if(isVisible(tb)){tb.className='visible'; h.className='visible'}else{tb.className='hidden'; h.className='hidden'};
		}
	}
};
</script>

</head>
<body bgcolor=#F5F5EA>
  <input type="text" value="Быстрый поиск" id="searchbox" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(!this.value)this.value=this.defaultValue;" onkeyup="clearTimeout(keyTimerId);keyTimerId=setTimeout('find()',500);">



<script>I()</script>
<div class="t">Заголовок1 4444444444444444444444444444</div>
<script>II()</script>
-11111111111111111111111111111111111111111111111111111
=0000000000000000000000000000000000000000000000000000<br>
<script>III()</script>

<script>I()</script>
<div class="t">Заголовок2 55555555555555555555555555555</div>
<script>II()</script>
*22222222222222222222222222222222222222222222222222222<br>
/3333333333333333333333333333333333333333333333333333
<script>III()</script>

<script>I()</script>
<div class="t">Заголовок3 6666666666666666666666666666</div>
<script>II()</script>
=0000000000000000000000000000000000000000000000000000<br>
1111111111111111111111111111111111111111111111111111
<script>III()</script>

<script>I()</script>
<div class="t">Заголовок4 77777777777777777777777777777</div>
<script>II()</script>
/3333333333333333333333333333333333333333333333333333<br>
22222222222222222222222222222222222222222222222222222
<script>III()</script>
 
Старый 13.02.2011, 05:33
Ссылки
Старый 13.02.2011, 05:33
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Быстрый хостинг в Москве ripnet Платный хостинг 0 26.02.2015 19:28
Быстрый и недорогой хостинг jani Платный хостинг 3 02.06.2012 19:02
RuHoster.com - Быстрый и стабильный хостинг! RuHoster Платный хостинг 0 11.10.2010 18:37
Вопрос по тексту HTML во флеше klikklik Технологии Flash 0 20.08.2008 16:44
Быстрый сервер, это реально??? Mergyk Настройка серверов 2 09.05.2005 12:54


Текущее время: 20:43. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум