Релиб / Веб-программирование / JavaScript / Как сделать динамическую таблицу меняющую размеры? / Latest Posts

RE: Как сделать динамическую таблицу меняющую размеры?

Tray — Mon, 17 Sep 2007 15:46:03 GMT

Кстати, забыл поблагодарить за поиск. Спасибо!

Не мог че-то в эти дни на форум зайти, ошибка и все.

RE: Как сделать динамическую таблицу меняющую размеры?

Vizlim — Fri, 14 Sep 2007 16:36:40 GMT

[quote][b]Tray (14.09.2007)[/b][hr]нет, я имел в виду другой случай:
1) текстовых полей пусть будет несколько (к примеру, 3)
- поле, куда будут вбивать название книги,
- поле с именем автора книги
- поле с годом выпуска книги
2) поиск будет удачным только тогда, когда на странице будут найдены все введенные критерии, ОДНОВРЕМЕННО.
Т.е. если мы заполнили только первое и второе поле (год выска не знаем), тогда только по двум полям идет поиск (НО НА НАЙДЕННОЙ СТРАНИЦЕ ДОЛЖНЫ ПРИСУТСТВОВАТЬ ЭТИ 2 СЛОВА).
Если мы заполнили все 3 поля, значит поиск будет идти по 3 критериям.[/quote]

Ну раз так, то:

RE: Как сделать динамическую таблицу меняющую размеры?

Tray — Fri, 14 Sep 2007 13:39:25 GMT

нет, я имел в виду другой случай:
1) текстовых полей пусть будет несколько (к примеру, 3)
- поле, куда будут вбивать название книги,
- поле с именем автора книги
- поле с годом выпуска книги
2) поиск будет удачным только тогда, когда на странице будут найдены все введенные критерии, ОДНОВРЕМЕННО.
Т.е. если мы заполнили только первое и второе поле (год выска не знаем), тогда только по двум полям идет поиск (НО НА НАЙДЕННОЙ СТРАНИЦЕ ДОЛЖНЫ ПРИСУТСТВОВАТЬ ЭТИ 2 СЛОВА).
Если мы заполнили все 3 поля, значит поиск будет идти по 3 критериям.

RE: Как сделать динамическую таблицу меняющую размеры?

Vizlim — Thu, 13 Sep 2007 23:29:55 GMT

[quote][b]Tray (13.09.2007)[/b][hr]
Но это последний вопрос - а можно в этом файле объединить поиск по нескольким критериям одновременно? если можно, то можешь на трех критериях продемонстрировать?[/quote]

Добавляю обновлённый архив Poisk.rar...

Теперь можно искать хоть по 10, либо более критериям...
Вид поиска:
слово1 слово2 слово3 слово4

RE: Как сделать динамическую таблицу меняющую размеры?

Tray — Thu, 13 Sep 2007 21:43:41 GMT

Классно, спасибо.

Я понимаю, что уже охамел совсем, нагружаю тут тебя.
Но это последний вопрос - а можно в этом файле объединить поиск по нескольким критериям одновременно? если можно, то можешь на трех критериях продемонстрировать?

RE: Как сделать динамическую таблицу меняющую размеры?

bazile — Thu, 13 Sep 2007 18:57:47 GMT

[quote][b]Tray (13.09.2007)[/b][hr]Перезалей пожалуйста приложенный архив, а то он не скачивается, а указывает на страницу форума.[/quote]

Так и должно быть. Жим на сссылку и браузер предложит скачать файл.

RE: Как сделать динамическую таблицу меняющую размеры?

Tray — Thu, 13 Sep 2007 18:53:07 GMT

Перезалей пожалуйста приложенный архив, а то он не скачивается, а указывает на страницу форума.

RE: Как сделать динамическую таблицу меняющую размеры?

Vizlim — Thu, 13 Sep 2007 10:52:59 GMT

Скрипт перенесён в файл script.js и прикреплён полностью рабочий скрипт, Poisk.rar

Что нужно что б поиск работал...
[b]1.[/b] есть массив:
var site=new Array("[i]1No4nay_straja_utf.htm[/i]","[i]2No4nay_straja_utf.htm[/i]","[i]3No4nay_straja_utf.htm[/i]","[i]http://forum.ubuntu.ru/[/i]","[i]1.txt[/i]");
изменить элементы массива выделенные курсивом, на названия тех сайтов в которых должен осуществляться поиск...

например:
var site=new Array("[i]1.htm[/i]","[i]titul.htm[/i]","[i]ReadMe.txt[/i]");

[b]2.[/b] Все страницы чьи имена вбиты в массив должны быть сохранены в кодировке UTF-8 (Это связанно из-за технологии Ajax которая используется для получения самой страницы)....

[b]2.1[/b] Для того что б страница была в UTF-8, нужно открыть страницу в блокноте (Пуск->Выполнить написать notepad нажать enter, блокнот появиться... Далее в блокноте Файл->Открыть ... В поле тип файлов выбираем пункт все файлы, после этого выбираем страницу в которой должен осуществятся поиск и нажимаем открыть...
[b]2.1.1[/b] Если это html страница, то смотрим наличия тега:
<meta http-equiv="Content-Type" content="text/html; charset=[b]какая-то кодировка[/b]">
если данный тег с данными атрибутами есть заменяем его на:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
[b]2.1.2[/b] После того как открыли нужную страницу (где должен осуществятся поиск) в блокноте Файл->Сохранить как...
в открывшемся окне изменяем Тип файлов: на все файлы
в поле Кодировка выбираем UTF-8
Сохраняем файл...

[b]3.[/b] Если в перечень ссылок на сайт добавить сайт типа: http://forum.ubuntu.ru/ (имеет кодировку UTF-8), то Firefox 2.0.0.6 выдаёт ошибку о том что доступ закрыт и не ищет на данной странице, а Internet Explorer 6 спокойно ищет =)

RE: Как сделать динамическую таблицу меняющую размеры?

Tray — Thu, 13 Sep 2007 00:31:10 GMT

Твой скрипт не работает.

Мож дело вот в этом куске кода?
if (numsite numsite++;
A();
}
}
}

Если не трудно, пришли пожалуйста мне на мыло (elfenlied@rambler.ru) этот работающий хтмл поиска и файлы какие надо к нему. Заранее спасибо.
Кстати, ты видимо большой профи, такое наваял, мне разбираться-не разобраться :)

[quote]Можно сделать массив в другом файле, если этот файл подключить к странице
<script type="text/javascript" language="javascript" src="file.js">

массив и функция для файла...
var site=new Array("1No4nay_straja_utf.htm","2No4nay_straja_utf.htm","3No4nay_straja_utf.htm");
function ArM(idz) {
return site[idz];
}

обращение:
var crtTxtNd = document.createTextNode(ArM(0));
crtTd.appendChild(crtTxtNd);[/quote]
1) в файле file.js будут находиться тока вот эти строки и больше ничего?:
var site=new Array("1No4nay_straja_utf.htm","2No4nay_straja_utf.htm","3No4nay_straja_utf.htm");
function ArM(idz) {
return site[idz];
}

2) насчет <script type="text/javascript" language="javascript" src="file.js">
это где указывать? в любом месте хтмла?
и потом уже в коде страницы поиска в какой-нить функции просто использовать эту ф-цию?

Я имею в виду, в основной странице допустим у нас такой код, какой ты привел в предыдущем посте. Вот в какое место прилепить эту строку
<script type="text/javascript" language="javascript" src="file.js">
а потом просто вызывать в любой функции?

=================

RE: Как сделать динамическую таблицу меняющую размеры?

Vizlim — Wed, 12 Sep 2007 21:46:36 GMT

[quote][b]Tray (12.09.2007)[/b][hr]
Как мне сделать поиск на своем сайте, не используя ничего кроме javaScript?
[/quote]
Ну неполностью удалось реализовать поиск по сайту через JavaScript, единственная проблема при нажатие на интересующее значение таблицы (формирующуюся после нажатие на кнопку поиска) это открытие интересующей страницы и переход к самому слову, вот переход к слову не реализован...
Кроме этого все страницы сайта должны быть сохранены в кодеровке UTF-8...
notepad->open->site.htm
file->save as->
Имя файла: 1.htm
Тип файла: все файлы
В строке кодировка выставляется UTF-8

После сохранения файлов в UTF-8.
Если на страницах установлен тег meta, то он должен иметь вид:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

исходник:

<html>
<head>
<title> Поиск </title>
<style>
td {
cursor:pointer;
}
</style>
<script>
/*
Все страницы сайта должны иметь кодировку UTF-8
*/

var site=new Array("1No4nay_straja_utf.htm","2No4nay_straja_utf.htm","3No4nay_straja_utf.htm"); //страницы в которых должен выполняться поиск
var text;
var numsite=0;
var ressult=0;
var na4=0,kon=0;
var id_index=0;
var link_poisk=new Array();
var posicia=new Array();
var posiciatext=0;

function A() {
var aa1=new Date();
posiciatext=0;
ressult=0;
var strokapoiska=document.form1.reqq.value.toLowerCase();
var req = window.XMLHttpRequest?
new XMLHttpRequest() :
new ActiveXObject("Microsoft.XMLHTTP");
req.onreadystatechange = function() {
if (req.readyState == 4) {
text=req.responseText.toLowerCase(); //получение всей страницы...

//Формируем таблицу
var getIDs = document.getElementById("testremover");
if(!getIDs){
var getIDTest = document.getElementById("testing");
var crtID = document.createElement("tbody");
crtID.id = "testremover";
getIDTest.appendChild(crtID);
getIDs = document.getElementById("testremover");
}

while(ressult!=-1) {
var crtTr = document.createElement("tr");
var crtTd = document.createElement("td");
crtTd.setAttribute("id",id_index);

ressult=text.indexOf(strokapoiska); //Ищет
if (ressult==-1) break;

if ((ressult-50)>0) na4=ressult-50;
else na4=0;

if ((ressult+50)<text.length) kon=ressult+50;
else kon=text.length;

posiciatext+=ressult;
link_poisk.push(site[numsite]);
posicia.push(posiciatext);
id_index++;
posiciatext+=50;

var crtTxtNd = document.createTextNode(text.substring(na4,kon));
crtTd.appendChild(crtTxtNd);
crtTr.appendChild(crtTd);
getIDs.appendChild(crtTr);

text=text.substring(kon,text.length);
}

var aa2=new Date();
var aa3=aa2-aa1;
document.getElementById("bbb").innerHTML="<hr><hr><hr>Начало работы: "+aa1+"<br>Конец работы: "+aa2+"<br>Время работы: "+aa3; //Строку можно удалить

text="";

[b]if (numsite<site.length) {
numsite++;
A();
}[/b]
}
}
req.open("post", site[numsite], true);
req.send(null);
}

function Poisk() {
var GetRem = document.getElementById("testing");
var cloneGetRem = document.getElementById("testremover");
GetRem.removeChild(cloneGetRem);
numsite=0;
id_index=0;

while (link_poisk.length!=0 || posicia!=0) {
link_poisk.pop();
posicia.pop();
}
A();
}

function B(mEvent) {
var imazz=document.getElementsByTagName("td");
myEvent=mEvent.srcElement?mEvent.srcElement:mEvent.target;
if (document.getElementById(myEvent.id)!=null) {
alert("Страница: "+link_poisk[parseInt(myEvent.id)]+" Номер символа: "+posicia[parseInt(myEvent.id)]);
window.open(link_poisk[parseInt(myEvent.id)],"MyWin");
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="reqq">
<input type="button" value="Поиск" onClick="Poisk()">
</form>

<div id="bbb">

<table border="1" id="testing" style="position:absolute;top:200;left:50;display:block" onClick="B(event)">
<tbody id="testremover">
</tbody>
</table>
</body>
</html>

[quote][b]Tray (12.09.2007)[/b][hr]
1) как сделать так, чтобы массивы находились в другом файле, и оттуда значения бы читались и передавались сюда? (после чего значения записывались бы в ячейки)
[/quote]

Можно сделать массив в другом файле, если этот файл подключить к странице
<script type="text/javascript" language="javascript" src="[b]file.js[/b]">

массив и функция для файла...
var site=new Array("1No4nay_straja_utf.htm","2No4nay_straja_utf.htm","3No4nay_straja_utf.htm");
function ArM(idz) {
return site[idz];
}

обращение:
var crtTxtNd = document.createTextNode([b]ArM(0)[/b]);
crtTd.appendChild(crtTxtNd);

[quote][b]Tray (12.09.2007)[/b][hr]
2) как присвоить сгенеренной ячейке определенный стиль?
{background: #f2dfb5; height: 16pt; color: #000000; text-align: center;vertical-align: center; padding: 2px; font-weight: normal; font-size: 12px;}

пробовал td.setAttribute("style","bgcolor='#f2dfb5'"); - не помогает
td.setAttribute("bgcolor","#f2dfb5"); - тоже не помогает[/quote]

crtTd.setAttribute("style","background:#f2dfb5;text-align:center;");