Меню
Что нового?

Изменение таблицы без перезагрузки страницы

com100

Новичок
Изменение таблицы без перезагрузки страницы

Здравствуйте.

C помощью PHP и Mysql на экран выводиться такая примерно вот такая табличка:

Код: 
______________________________
__Дата____|__Заказ___|__Материал__|
15 марта__| Заказ 1__| Алюминий___|
15 марта__| Заказ 2__| ПВХ________|
16 марта__| Заказ 3__| Алюминий___|
17 марта__| Заказ 4__| Дерево_____|
17 марта__| Заказ 5__| Алюминий___|
17 марта__| Заказ 6__| Алюминий___|
18 марта__| Заказ 7__| Дерево_____|
Стоит задача - сделать на экране кнопку, при нажатии на которую отбираются и показывабтся в таблице только те заказы (строчки таблицы) в которых "Материал" == Алюминий

Даная фича должна работать без перезагрузки самой страницы.

Буду благодарен за любую помощь.
Спасибо.
 

Fiva

Держу ZMH
перебираешь по строкам нужную ячейку и смотришь по innerHTML что в ней находится, если не алюминий - прячешь строку.
for(var row in tbl.rows) {
for(var cell in row) {
if(cell.innerHTML == 'алюминий') row.style.display='hidden';
}
}
но работать будет только в ИЕ.... чем то нужно жертвовать для таких задач... можешь например присваивать id каждой строке и каждой ячейке в строке, тогда можно сделать вариант для большего количества браузеров
 

com100

Новичок
Fiva

Извини пож-та, но в JavaScript у меня совсем не большой опыт, правильно ли я тебя понял, что Вот так должно работать?

<html>

<head>
<script>
function test(){
for(var row in table1.rows)
{
for(var cell in row)
{
if(cell.innerHTML == 'Алюминий') row.style.display='none';
}
}
};


</script>

<title>Новая страница 1</title>
</head>

<body>

<table id=table1 border="1" >
<tr>
<td >Заказ1</td>
<td >Алюминий</td>
</tr>
<tr>
<td >Заказ2</td>
<td >Дерево</td>
</tr>
<tr>
<td >Заказ3</td>
<td >Алюминий</td>
</tr>
<tr>
<td >Заказ4</td>
<td >Стекло</td>
</tr>
</table>
<input type=button onclick=test(); value="Нажми">

</body>

</html>

К сожалению, не работает =(((
 

Fiva

Держу ZMH
1.
<input type=button onclick=test(); value="Нажми">
замени на
<input type=button onclick='test();return false;' value="Нажми">
2. Если не заработало, попробуй в скрипте прописать
table1=document.getElementById('table1'); после
function test(){
 

com100

Новичок
Заменил, IE пишет "Объект не поддерживает данное свойство или метод "

=(((
 

Fiva

Держу ZMH
короче вот тебе рабочий скрипт, только отстань :)
function test()
{
table=document.getElementById('table1');
for(i=0;i<table.rows.length;i++)
for(j=0;j<table.rows.cells.length;j++)
if(table.rows.cells[j].innerHTML=='Алюминий') table.rows.style.display='none';
}
 
Войдите или зарегистрируйтесь для ответа.
Сверху