Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.03.2014, 11:02
Новичок на форуме
Отправить личное сообщение для Khristina SH Посмотреть профиль Найти все сообщения от Khristina SH
 
Регистрация: 22.03.2014
Сообщений: 5

Как сделать фильтр
<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>


Фильтр по Назва товару
Ответить с цитированием
  #2 (permalink)  
Старый 22.03.2014, 12:49
Аспирант
Посмотреть профиль Найти все сообщения от Maxmaxmaximus12
 
Регистрация: 21.03.2014
Сообщений: 36

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

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.
Ответить с цитированием
  #3 (permalink)  
Старый 22.03.2014, 17:53
Новичок на форуме
Отправить личное сообщение для Khristina SH Посмотреть профиль Найти все сообщения от Khristina SH
 
Регистрация: 22.03.2014
Сообщений: 5

я вчу javascript но не можу поняти як то зробити
Ответить с цитированием
  #4 (permalink)  
Старый 23.03.2014, 00:43
Новичок на форуме
Отправить личное сообщение для Khristina SH Посмотреть профиль Найти все сообщения от Khristina SH
 
Регистрация: 22.03.2014
Сообщений: 5

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();
});
то так має виглядати
Ответить с цитированием
  #5 (permalink)  
Старый 23.03.2014, 01:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

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>&nbsp;	Картинка	</td><td> 	Назва товару	</td><td> 	Артикул	</td><td> 	Ціна	</td></tr>&nbsp;
<tr><td>&nbsp;	<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>&nbsp;
<tr><td>&nbsp;	<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>&nbsp;
<tr><td>&nbsp;	<img src="http://proba2.ucoz.co.uk/images/noimage.gif" border="0" alt="" />	</td><td> 	Блок запобіжників ХТ	</td><td> 	BX504	</td><td> 	105,32	</td></tr>&nbsp;
<tr><td>&nbsp;	<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>&nbsp;
<tr><td>&nbsp;	<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>&nbsp;</table>
</body>

</html>
Ответить с цитированием
  #6 (permalink)  
Старый 24.03.2014, 09:46
Новичок на форуме
Отправить личное сообщение для Khristina SH Посмотреть профиль Найти все сообщения от Khristina SH
 
Регистрация: 22.03.2014
Сообщений: 5

дякую
Ответить с цитированием
  #7 (permalink)  
Старый 07.06.2018, 19:46
Аватар для JAMLIGHT
Аспирант
Отправить личное сообщение для JAMLIGHT Посмотреть профиль Найти все сообщения от JAMLIGHT
 
Регистрация: 23.01.2017
Сообщений: 80

спасибо

Последний раз редактировалось JAMLIGHT, 07.06.2018 в 19:48.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать калькулятор и с чего начать? A.P. Yellowman Общие вопросы Javascript 3 15.11.2013 21:32
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52
Как убрать hover? Либо как сделать стрелки статичными? krusty36 Элементы интерфейса 1 13.07.2011 09:20
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Вопрос как сделать эту панельку Определённых размеров и свойств. jei jQuery 3 09.06.2009 19:14