VPF::JavaScript + таблица - Форум программистов

Konstantin_d

Дата 25.3.2008, 16:50 (ссылка)

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

Загрузка ...

Новичок

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

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

Нужен скрипт который ищет введенное в поле значение в таблице (количество столбцов и в каком искать не известно) и выделяет его цветом.

У кого-нибудь есть что-нибудь подобное?

bars80080

Дата 25.3.2008, 17:13 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

взять таблицу с помощью id, перебрать в ней все ячейки с помощью getElementsByTagName('td') и проветь значение у этого елесмента innerHTML, совпадёт модифицировать этот контент, добавить <span class="vydeleno">

ksnk

Дата 25.3.2008, 17:38 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

На jQuery ...

Код


functiopn HL(txt) 
 $('#MyTable td').each(function(){
     var x=$(this),y=x.html() ;
     if(y.indexOf(txt)>=0) 
       x.html(y.replace(txt,'<span class="videleno">'+txt+'<\/span>'))
 })
}

Хотя грязненько, надо бы теги игнорировать, но лень...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

solenko

Дата 26.3.2008, 11:12 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

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

без jQuery

Код


<html>
<head>
<script>
function doSearch() {
    var val = document.getElementById('serch_value').value;
    if (!val)
        return;
    var table = document.getElementById('stable');
    for (var i=0;i<table.rows.length;i++) {
        for (var j=0;j<table.rows[i].cells.length;j++) {
            if (table.rows[i].cells[j].innerHTML == val) {
                table.rows[i].cells[j].className = 'selected_cell';
            }else{
                table.rows[i].cells[j].className = 'not_selected_cell';
            }
        }
    }
    
}
</script>
<style>
.selected_cell { background: #00FF00; }
.not_selected_cell { background: #FFFFFF; }
</style>
</head>
<body>
<input type="text" id="serch_value" /><button onclick="doSearch()">Click me</button><br />
<table id="stable">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>3</td>
        <td>2</td>
        <td>1</td>
    </tr>    
</table>
</body>
</html>

--------------------

Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.

Konstantin_d

Дата 26.3.2008, 18:29 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо, то что надо.

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