Mam problem otóż znalazłem na internecie fajny skrypt do wyszukiwarki dynamicznej jednak nie moge go zaimplementować bo w js jestem zielony.
Skrypt wygląda następująco: http://jsfiddle.net/jtV7q/16/
zmodyfikowałem tabele według potrzeb jednak skrypt nie działa.
Do sekcji head wstawiłem:
Kod: Zaznacz cały
<head>
<script type="text/javascript">
var $rows = $('#tabela tbody tr');
$('#szukaj_osoby').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();
});
</script>
</head>
Kod: Zaznacz cały
<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
var $rows = $('#tabela tbody tr');
$('#szukaj_osoby').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();
});
</script>
</head>
Kod: Zaznacz cały
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js">
var $rows = $('#tabela tbody tr');
$('#szukaj_osoby').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();
});
</script>
</head>
Kod: Zaznacz cały
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
var $rows = $('#tabela tbody tr');
$('#szukaj_osoby').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();
});
</script>
</head>
Pozdrawiam,
Krzysiek
-- 12 mar 2015, o 11:42 --
Poradziłem sobie. Pobrałem bibliotekę jquery 1.11.2 na serwer i kod wygląda następująco:
Kod: Zaznacz cały
<head><script type='text/javascript' src='js/jquery-1.11.2.js'></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
</style>
<script type='text/javascript'>//<![CDATA[
//WYSZUKIWARKA DYNAMICZNA
$(window).load(function(){
var $rows = $('#tabela tbody tr');
$('#szukaj_osoby').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();
});
});//]]>
</script>
</head>