Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > JavaScript + таблица

Автор: Konstantin_d 25.3.2008, 16:50

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

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

Автор: bars80080 25.3.2008, 17:13

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

Автор: ksnk 25.3.2008, 17:38

На 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>'))
 })
}

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

Автор: solenko 26.3.2008, 11:12

без 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

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