I need a little advice on how to modify this javascript code:
HTML code
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <label for="kwd_search">Search:</label> <input type="text" id="kwd_search" value=""/> <table id="my-table" border="1" style="border-collapse:collapse"> <thead> <tr> <th>Name</th> <th>Sports</th> <th>Country</th> </tr> </thead> <tbody> <tr> <td>Sachin Tendulkar</td> <td>Cricket</td> <td>India</td> </tr> <tr> <td>Tiger Woods</td> <td>Golf</td> <td>USA</td> </tr> <tr> <td>Maria Sharapova</td> <td>Tennis</td> <td>Russia</td> </tr> </tbody> </table>
JQUERY CODE:
$(document).ready(function(){ $("#kwd_search").keyup(function(){ if( $(this).val() != "") { $("#my-table tbody>tr").hide(); $("#my-table td:contains-ci('" + $(this).val() + "')").parent("tr").show(); } else { $("#my-table tbody>tr").show(); } }); }); $.extend($.expr[":"], { "contains-ci": function(elem, i, match, array) { return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; } });
( http://jsfiddle.net/aPLLF/ )
To not take text from a field kw-search but the url variable ?search = "Textaa", is it possible?
Thanks for the advice