Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] jQuery pogrubienie wyniku wyszukiwania
Forum PHP.pl > Forum > Przedszkole
-roni-
Znalazłem w jQuery UI ciekawą rzecz, podpowiedzi...
http://jqueryui.com/demos/autocomplete/#categories

Bardzo mi pasuje, jednak czy jest możliwość pogrubienia w wyszukiwanej liście wyników aktualnych wpisanych liter?
http://jsfiddle.net/HKunp/

Tak jak ma to miejsce http://jqueryui.com/demos/autocomplete/#combobox
Nie wiem jak taki efekt uzyskać.

A druga rzecz, jak wyświetlić listę wszystkich pozycji np. po kliknięciu w link?
Gość
Nikt nie wie czy można to zrobić?
kamil4u
Można, ale jest z tym trochę zabawy i wątpię, żeby ktoś siedział i przerabiał skrypt. Przynajmniej ja w ogóle nie znam tego skryptu i musiałbym spędzić z minimum pół godziny, żeby go całego ogarnąć na tyle, żeby coś w nim zmieniać. Ale poszukaj w Google to jestem przekonany, że coś znajdziesz. Słowa kluczowe: "autocomplete bold highlight" - jest całkiem sporo linków - powinny pomóc.
Gość
Dzięki. Znalazłem coś takiego http://jsfiddle.net/uuRDp/2/ jednak nie wiem jak mam teraz wyświetlić całą listę ;/
Gość
Nikt nie wie jak to zrobić?

[JAVASCRIPT] pobierz, plaintext
  1. $('#xx').click(function()
  2. {
  3. $('input').autocomplete("search", "");
  4.  
  5. });
[JAVASCRIPT] pobierz, plaintext


Ten kod pomimo iż wielokrotnie podawany, nie działa.
kamil4u
Wystarczy czytać ze zrozumieniem.
http://jqueryui.com/demos/autocomplete/ :
Cytat
Triggers a search event, which, when data is available, then will display the suggestions; can be used by a selectbox-like button to open the suggestions when clicked. If no value argument is specified, the current input's value is used. Can be called with an empty string and minLength: 0 to display all items.



http://jsfiddle.net/HKunp/1/
Gość
Tylko że wtedy nie działa podświetlanie tego co zostało wpisane np. "H" w "P<strong>H</strong>P"
kamil4u
Pokaż w jaki sposób to do kupy złożyłeś
Gość
Właśnie za bardzo nie mam już pomysłu, wymiękam przy JS... Znalazłem taką funkcje

[JAVASCRIPT] pobierz, plaintext
  1. function __highlight(s, t) {
  2. var matcher = new RegExp("("+$.ui.autocomplete.escapeRegex(t)+")", "ig" );
  3. return s.replace(matcher, "<strong>$1</strong>");
  4. }
[JAVASCRIPT] pobierz, plaintext


Powinienem jej użyć na source, jednak nie wiem jak... Za duzo już mi się poplątało.
Gość
OK juz sobie poradziłem....

[JAVASCRIPT] pobierz, plaintext
  1. $.extend( $.ui.autocomplete.prototype, {
  2. _renderItem: function( ul, item ) {
  3.  
  4. var term = this.element.val();
  5. var matcher = new RegExp("("+$.ui.autocomplete.escapeRegex(term)+")", "ig" );
  6. var html = item.label.replace( matcher, "<b>$&</b>" );
  7. return $( "<li></li>" )
  8. .data( "item.autocomplete", item )
  9. .append( $("<a></a>").html(html) )
  10. .appendTo( ul );
  11. }
  12. });
[JAVASCRIPT] pobierz, plaintext


Może i mało eleganckie, ale ważne ze działa
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.