Цитата

Потребовать - явно не можешь!!!

GoodBoy , да ты чё, я ж пошутил!!!!! .......

ALEXANDRO
А ты что мою фразу всерьёз воспринял???

Цитата

А ты что мою фразу всерьёз воспринял???

уфф... да! .... ... ...


так фсё, не флудим, а то накажут. меня-то точно.

Вот теперь какая проблемма, если я из базы добавляю около 700 пунктов, то браузер виснет, неуспевает обновляться!

Гость_Андрей Ещё бы!!!!!!!!!!!! :-)))))))))))

Цитата(GoodBoy @ 1.10.2004, 16:54)

Гость_Андрей Ещё бы!!!!!!!!!!!! :-)))))))))))

А нельзя ускорить, используя не таблицы, а выпад. список???

тормозит не из-за этого, а из-за того, что он не успевает обработать все данные за одну секунду. на досуге придумаю (по крайней мере, постараюсь) решение.
Добавлено @ 17:55
то есть, за одну тысячную секунды.... гы.

Цитата(ALEXANDRO @ 1.10.2004, 17:54)

тормозит не из-за этого, а из-за того, что он не успевает обработать все данные за одну секунду. на досуге придумаю (по крайней мере, постараюсь) решение. Добавлено @ 17:55 то есть, за одну тысячную секунды.... гы.

Плиззз, жду!

мне вот интересно... почему

не работает

Код

function checkFunc() {for (var i=0; i<=words.cells.length-1; i++) {if ((inp.value != "") && (inp.value != " ")) {words.cells[i].style.display='none'; } } for (var i=0; i<=words.cells.length-1; i++) {if ((words.cells[i].innerText.indexOf(inp.value) == "0")) {words.cells[i].style.display='block'; } } checkFunc(); }

памяти не хватает... а так - самое оно!

ALEXANDRO я тебе плюс поставил за "грамотный код"... ты знаешь, за такой код из комсомола исключать надо!!!
Честно, прежде чем писать, думайте
Мой вариант, убил 2 часа:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <style type="text/css"> td.list_item {font-family:Verdana;font-size:10pt;color:white; background-color:#6699cc;} td.list_item_sel {font-family:Verdana;font-size:10pt;color:white; background-color:#99ccff} div.list_select {position:absolute;overflow:auto;height:65; background:#6699cc;} </style> <script language="Javascript" type="text/javascript"> <!-- createList.sel_list_info=[]; function createList(obj, arr) { obj.onkeypress=list_input_keypress; obj.onfocus=function() {    var idt=this.getAttribute("list_select_name");    if(!createList.sel_list_info[idt]) return;    createList.sel_list_info[idt][1].style.visibility="visible"; }; obj.onblur=function() {    var idt=this.getAttribute("list_select_name");    if(!createList.sel_list_info[idt]) return;    window.setTimeout("createList.sel_list_info["+idt+"][1].style.visibility=\"hidden\"", 100); }; obj.setAttribute("list_select_name", createList.sel_list_info.length); var x=0, y=obj.offsetHeight; var wd=obj.offsetWidth; var prt=obj; while(prt) {  x+=prt.offsetLeft;  y+=prt.offsetTop;  prt=prt.offsetParent; } var platf=document.createElement("DIV"); platf.className="list_select"; platf.style.width=wd; platf.style.top=y; platf.style.left=x; platf.setAttribute("align", "center"); var table=document.createElement("TABLE"); table.setAttribute("width", "90%"); table.setAttribute("cellspacing", 0); table.setAttribute("cellpadding", 0); var row, cell;  for(var i=0; i<arr.length; i++) {    row=table.insertRow(table.rows.length);   cell=row.insertCell(row.cells.length); cell.appendChild(document.createTextNode(arr[i]));    cell.onmouseover=row_mouse_over; cell.onmouseout=row_mouse_out; cell.onclick=row_click; cell.className="list_item"; cell.setAttribute("list_select_name", createList.sel_list_info.length);  } createList.sel_list_info.push([arr,platf,table,obj]); platf.appendChild(table); document.body.appendChild(platf); platf.style.visibility="hidden"; } function row_mouse_out() { this.className="list_item"; } function row_mouse_over() { this.className="list_item_sel"; } function row_click() { var idt=this.getAttribute("list_select_name"); if(!createList.sel_list_info[idt]) return; createList.sel_list_info[idt][3].value=this.firstChild.nodeValue; } function list_input_keypress(ev) { var kcd=(window.event? window.event.keyCode: ev.charCode); var val=this.value+(kcd>=32? String.fromCharCode(kcd): ""); var idt=this.getAttribute("list_select_name"); if(!createList.sel_list_info[idt]) return; var ind=bin_seek(val, createList.sel_list_info[idt][0], 0, createList.sel_list_info[idt][0].length-1); if(ind<0) return; createList.sel_list_info[idt][1].scrollTop=(createList.sel_list_info[idt][2].rows[0].offsetHeight+(document.all? 2: 0))*ind; } function bin_seek(word, arr, ind1, ind2) { var mid; while(ind1<ind2) {  if((ind2-ind1+1)<7) return simple_seek(word, arr, ind1);  mid=(ind2+ind1)>>1;  if(arr[mid]<word) { ind1=mid+1; continue; }  else if(arr[mid]>word) { ind2=mid-1; continue; }  else return mid; } return -1; } function simple_seek(word, arr, offs) { for(var i=offs; i<arr.length; i++) {  if(arr[i]<word) continue;  if(arr[i].length>=word.length&&arr[i].substr(0,word.length)==word) return i; } return -1; } //--> </script> </head> <body> <input type="text" id="list"> <script language="Javascript" type="text/javascript"> <!-- opt=["test", "privet", "vsem", "java", "script", "jad", "javable", "sdfs",  "saerdar", "vingrad", "vingrad", "vinsord", "verda"].sort(); createList(document.getElementById("list"), opt); //--> </script> </body> </html>

Sardar
он теперь во всех браузерах работает?

у меня, кстати, сам отбор не работает, т.е. я ввожу, что хочу, а в диве ничего не изменяется!
и ещё при прокрутке дива, он исчезает, mouseover'а нету!
а, я понял - ты просто делаешь прокрутку в то место! Оригинально!

Цитата(ALEXANDRO @ 2.10.2004, 07:43)

он теперь во всех браузерах работает?

Да, иначе не пишу

Цитата(ALEXANDRO @ 2.10.2004, 07:43)

и ещё при прокрутке дива, он исчезает, mouseover'а нету!

Вот здесь трабла, окошко появляется по событию focus и исчезает по blur в селекте. Пауза при скрытии стоит, дабы позволить другим событиям отработать прежде чем окошко исчезнет. Если этого не сделать, то при клике на слове в окошке, оно не вставится в текстовое поле. При прокрутке окошка мы теряем фокус с поля и у нас есть 100мс на выбор элемента
Возможное решение: ловим клик на доументе, скрываем окошко; по blur ставим таймер на 5 сек, далее скрываем, по focus и mouseover в окошке оттягиваем скрытие еще на N времени. Думайте, решайте

Обьясню коротко как все работает, вчера времени на это не было.
Создается фишка на существующем поле при вызове функцииcreateList. Аргументы: родительское_текстовое_поле, масив_слов_в_окошке. Можно создавать сколько угодно таких контролов для каждого текстового поля, вся инфа о них хранится в массиве createList.sel_list_info.
Весь смысл функции создать юзая DOM окошко(DIV.style.overflow="auto"), набить его данными и зарегистрировать обработчиков событий.

Обработчики row_mouse_out, row_mouse_over - вопросов вызывать не должны, отвечают за выделение строк в окошке. Их можно реализовать анонимными функциями(см. onfocus, onblur текстового поля).
row_click - вставляет текст из окошка в поле.

Обработчик list_input_keypress ловит событие keypress на текстовом поле и выполняет поиск подходящих значений. Используется бинарный поиск в отсортированном по возрастанию массиве, вспомним что в худшем случае число операций O(log2(arr.lngth)+7). В принципе можно реализовать префиксное дерево, но не думаю что в JS оно будет работать быстрее.

Видим что если чутьчуть подумать, то можно писать быстро работающие проги

А твой скрипт с 1000 записей будет быстро работать??? И с сортировко проблемма, когда пишим там слово vsem вывод. все на V но при этом слово vsem ниже слова vingrad

Цитата

А твой скрипт с 1000 записей будет быстро работать???

Да, для этого он и писался. Бинарный поиск найдет значение за логарифмическое время.

Цитата

И с сортировко проблемма, когда пишим там слово vsem вывод. все на V но при этом слово vsem ниже слова vingrad

В алфовитном порядке слово vsem стоит дальше чем vingrad
А внизу оно стоит, т.к. прокручивать дальше некуда