Простой скрипт поиска!
Всем доброго времени суток!
Хотел сделать самый простой скрипт поиска, состоящий из одного файла html.:write: Вот сам скрипт: <style> .form-search { display: inline-block; background: -moz-linear-gradient(#D3D3D3, #CACACA 50%, #A9A9A9 50%, #9B9B9B); background: -ms-linear-gradient(#D3D3D3, #CACACA 50%, #A9A9A9 50%, #9B9B9B); background: -o-linear-gradient(#D3D3D3, #CACACA 50%, #A9A9A9 50%, #9B9B9B); background: -webkit-linear-gradient(#D3D3D3, #CACACA 50%, #A9A9A9 50%, #9B9B9B); border-radius: 5px; padding: 4px; } .form-search input { width: 60px; height: 32px; line-height: 32px; font: 13px Helvetica, Arial, sans-serif; color:#6E7074; text-shadow: 0 1px 0 #FFF; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; padding: 0 30px 0 6px; background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -moz-linear-gradient(#BCBCBC, #EBEBEB); background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -ms-linear-gradient(#BCBCBC, #EBEBEB); background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -o-linear-gradient(#BCBCBC, #EBEBEB); background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -webkit-linear-gradient(#BCBCBC, #EBEBEB); background-repeat: no-repeat; background-position: 100% 50%, 100% 100%; border: 1px solid #747474; border-radius: 3px; box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF; } .form-search input:focus { width: 160px; box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF; color: #25464D; background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -moz-linear-gradient(#9CC2CA, #DFECEF); background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -ms-linear-gradient(#9CC2CA, #DFECEF); background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -o-linear-gradient(#9CC2CA, #DFECEF); background-image: url("http://3.bp.blogspot.com/-4w14hQHr5yQ/Tgm6u7KwUkI/AAAAAAAACAI/Hu2poBOPx3g/s1600/search.png"), -webkit-linear-gradient(#9CC2CA, #DFECEF); } </style> <SCRIPT LANGUAGE="JavaScript"> var item = new Array(); c=0; item[c]=new Array("index.html","","Главная","главн ая,домашняя,начальная,олол ","Описание страницы"); c++; item[c]=new Array("contact.html","","Контакты","нап исать мне,автор,олололлё","Описан е страницы Контакты"); page="<html><head><title>Результаты поиска</title></head><body bgcolor='azure'><center><table border=0 cellspacing=10 width=60%>"; function search(frm) { win = window.open("","","scrollbars"); win.document.write(page); txt = frm.srchval.value.split(" "); fnd = new Array(); total=0; for (i = 0; i < item.length; i++) { fnd[i] = 0; order = new Array(0, 4, 2, 3); for (j = 0; j < order.length; j++) for (k = 0; k < txt.length; k++) if (item[i][order[j]].toLowerCase().indexOf(txt[k]) > -1 && txt[k] != "") fnd[i] += (j+1); } for (i = 0; i < fnd.length; i++) { n = 0; w = -1; for (j = 0;j < fnd.length; j++) if (fnd[j] > n) { n = fnd[j]; w = j; }; if (w > -1) total += show(w, win, n); fnd[w] = 0; } win.document.write("</table><br>Всего найдено: "+total+"<br></body></html>"); win.document.close(); } function show(which,wind,num) { link = item[which][1] + item[which][0]; line = "<tr><td><a href='"+link+"'>"+item[which][2]+"</a> Score: "+num+"<br>"; line += item[which][4] + "<br>"+link+"</td></tr>"; wind.document.write(line); return 1; } </script> <form class="form-search" method=get action="javascript:void(0)" onSubmit="search(this); return false;"> <input type=text name=srchval placeholder="поиск" value=""/></form> Всё бы ничего, но информация по поиску (либо её отсутствие) выводится в новое окно. Хотелось бы, чтобы вывод информации был на этой же html странице (ниже поисковой формы). Помогите, плиз, кто чем может, буду ооочень благодарен... :thanks: |
Часовой пояс GMT +3, время: 14:01. |