VPF::Onload обновление списка - Форум программистов

Cript777

Дата 16.7.2013, 00:39 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Приветствую!
Имеется событие в body onLoad="games();" - обновляется список
Список отображается так: <div id="list"></div >
Функция games в .js файле :

Код


function games(){ var url = document.location.href; var xend = url.lastIndexOf("/") + 1; var base_url = url.substring(0, xend); 
thisurl = base_url + 'games.php?category='+category; checkloadfile(thisurl, "js"); setTimeout("games()", 3000);} 
function selectgame(url) { window.location.href = url;} function changeview(url) { window.location.href = url;}

В фале games.php проходит вывод данных из бд..
Вопрос такой. Нужно чтобы уже загруженный список после ввода текста отображал те названия, которые совпадают с введенным текстом из поля ввода, при чем обновляться должно сразу после ввода первой буквы.

Это сообщение отредактировал(а) Cript777 - 19.7.2013, 16:02

Sanchezzz

Дата 18.7.2013, 21:10 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60

Переформулируйте вопрос лучше получите быстрее ответ.
если что то нужно обновить подтянуть с сервера то через ajax

Этот ответ добавлен с нового Винграда - http://vingrad.com

Cript777

Дата 19.7.2013, 23:52 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

В общем из всего что я нашел этот вариант подошел идеально:

Код


function filter (phrase, _id){
        var words = phrase.value.toLowerCase().split(" ");
        var table = document.getElementById(_id);
        var ele;
        for (var r = 1; r < table.rows.length; r++){
            ele = table.rows[r].innerHTML.replace(/<[^>]+>/g,"");
                var displayStyle = 'none';
                for (var i = 0; i < words.length; i++) {
                if (ele.toLowerCase().indexOf(words[i])>=0)
                displayStyle = '';
                else {
                displayStyle = 'none';
                break;
                }
                }
            table.rows[r].style.display = displayStyle;
        }
    }

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »