Как сделать фильтр
<table> <tr><td> Картинка </td><td> Назва товару </td><td> Артикул </td><td> Ціна </td></tr> <tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Амперметр QC/T11-92 </td><td> CA10 </td><td> 105,32 </td></tr> <tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Барабан гальмівний </td><td> 10T.43.101 </td><td> 329,13 </td></tr> <tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Блок запобіжників ХТ </td><td> BX504 </td><td> 105,32 </td></tr> <tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Вал вилки додаткової передачі XT </td><td> 10T.37.172 </td><td> 78,99 </td></tr> <tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Вал відпору потужності задній (ВОМ) </td><td> 10T.37.115 </td><td> 447,35 </td></tr> </table> Фильтр по Назва товару |
Здравствуйте!
Судя по вашему сообщению, вы ну совсем не знаете javascript. Освойте основы языка и вопрос отпадет сам, полностью или частично. А с чем не справитесь - поможем. На сайте javascript можно начать изучать с учебника, раздел Основы javascript. Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/ Задавайте конкретные вопросы по ходу дела. |
я вчу javascript но не можу поняти як то зробити
|
var $rows = $('#table tr');
$('#search').keyup(function() { var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$', reg = RegExp(val, 'i'), text; $rows.show().filter(function() { text = $(this).text().replace(/\s+/g, ' '); return !reg.test(text); }).hide(); }); то так має виглядати |
Khristina SH,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function () {
var $rows = $('#table tr:gt(0)');
$('#search').on('input propertychange', function () {
var val = '\(' + $.trim($(this).val()).split(/\s+/).join('|') + '\)',
reg = RegExp(val, 'i'),
text;
$rows.show().filter(function () {
text = $('td:eq(1)', this).text();
return !reg.test(text);
}).hide();
});
})
</script>
</head>
<body>
<input id="search" name="search" value="" >
<table id="table">
<tr><td> Картинка </td><td> Назва товару </td><td> Артикул </td><td> Ціна </td></tr>
<tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Амперметр QC/T11-92 </td><td> CA10 </td><td> 105,32 </td></tr>
<tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Барабан гальмівний </td><td> 10T.43.101 </td><td> 329,13 </td></tr>
<tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Блок запобіжників ХТ </td><td> BX504 </td><td> 105,32 </td></tr>
<tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Вал вилки додаткової передачі XT </td><td> 10T.37.172 </td><td> 78,99 </td></tr>
<tr><td> <img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" /> </td><td> Вал відпору потужності задній (ВОМ) </td><td> 10T.37.115 </td><td> 447,35 </td></tr> </table>
</body>
</html>
|
дякую
|
спасибо
|
| Часовой пояс GMT +3, время: 23:42. |