Ahoj všem, snažím se udělat vyhledávání v tabulce a nějak se mě to nedaří. Tak se obracím na chytré hlavy tohoto fóra. Mám tabulku se seznamem kontaktů. Je jich tam cca 200 a já bych chtěl vyhledat jenom nějaké kontakty. Mám představu takovou, že když začnu vepisovat něco do inputu, tak se mě bude seznam zmenšovat s každým písmenkem co vepíšu. uvádím kód co jsem dal dohromady, ale nějak mě to nefunguje :-(
<div id='hledat'>Hledat <input id='search' type='text' value=''></div>
<table id='kontakty' cellspacing='0' rowspacing='0' width='100%'>
<tr>
<th>Název:</th>
<th>Telefon:</th>
<th>Telefon:</th>
</tr>
<tr class='detail' name='25' bgcolor=white onmouseover="this.style.background='ActiveCaption'" onmouseout="this.style.background = 'white'">
<td align='left'><a class='nahled' href='#'>tmobile</a></td>
<td align='left'><a class='nahled' href='#'>mesto</a></td>
<td align='left'><a class='nahled' href='#'>+420123456789</a></td>
</tr>
<tr class='detail' name='17' bgcolor=white onmouseover="this.style.background='ActiveCaption'" onmouseout="this.style.background = 'white'">
<td align='left'><a class='nahled' href='#'>cez</a></td>
<td align='left'><a class='nahled' href='#'>praha</a></td>
<td align='left'><a class='nahled' href='#'>+420123456987</a></td>
</tr>
<tr class='detail' name='2' bgcolor=white onmouseover="this.style.background='ActiveCaption'" onmouseout="this.style.background = 'white'">
<td align='left'><a class='nahled' href='#'>skoda a.s.</a></td>
<td align='left'><a class='nahled' href='#'>Boleslav</a></td>
<td align='left'><a class='nahled' href='#'>+420987654312</a></td>
</tr>
</table>
a tady uvádím jquery kód, co jsem vypotil. Předem uvádím, že jsem začátečník
$(document).ready(function($) {
// pokus o hledani
function search(){
var search = $('input#search').val();
};
$("#search").keyup(function(){search()});
$("#kontakty tr").each(function(){
var name = $(this).children("td:first").html();
if (name.indexOf(search) != -1) {
$(this).show();
}
});
});
ten kód mě háže chybu při každém stisknutí klávesy
"Vlastnost 'charCode' události keyup by neměla být používána. Hodnota je nesmyslná."