Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery 1.4] Wyszukiwarka na stronie - bez zwracania uwagi na wielkość liter
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Kamil Rybczyński
Witam,

chcę stworzyć wyszukiwarkę "Szukaj na stronie", jednak selektor contains zwraca uwagę na wielkość liter, a tego chciałbym uniknąć.
Chodzi o jquery 1.4.2

Oto mój obecny kod, który działa, ale zwraca uwagę na litery:
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.  
  4. $("#search_hotels").keyup(function(){
  5.  
  6. var term = $('#search_hotels').attr('value');
  7.  
  8. if($(this).val().length > 2) {
  9.  
  10. $('b.zaznacz').after($('b.zaznacz').html()).remove();
  11.  
  12. $('div.name :contains("'+term+'")').each(function(){
  13.  
  14. $(this).html($(this).html().replace(new RegExp(term,'g'), '<b class="zaznacz">'+term+'</b>'));
  15. $(this).find('b.zaznacz').fadeIn("slow");
  16. var p = $("b.zaznacz:first");
  17. var offset = p.offset();
  18. $("body").scrollTop(offset.top-250)
  19. //alert( "left: " + offset.left + ", top: " + offset.top );
  20. });
  21.  
  22. }else{
  23.  
  24. $('b.zaznacz').after($('b.zaznacz').html()).remove();
  25.  
  26. }
  27. });
  28. });



Z góry dziękuję za pomoc,
Kamil
flashdev
Na stronie jQuery masz przykładowe roziązanie.

Nie jest najlepsze, ale może Cię zadowoli:

Cytat
do it like this:
Kod
$(selector).filter(function() {
return /some regex/.test( $(this).text() );
});
Kamil Rybczyński
A dlaczego nie działa new RegExp("Szukany tekst","ig"); ?

Przecież ig oznacza olewanie dużych i małych znaków, czy tak?
flashdev
Cytat(Kamil Rybczyński @ 9.09.2010, 11:32:07 ) *
A dlaczego nie działa new RegExp("Szukany tekst","ig"); ?

Przecież ig oznacza olewanie dużych i małych znaków, czy tak?


U mnie działa.
Kod
java script:alert(RegExp('abc', 'gi').test('aBc'))

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.