Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Java script jak zmienic ten kod?
Maze123987
post
Post #1





Grupa: Zarejestrowani
Postów: 98
Pomógł: 0
Dołączył: 17.09.2009

Ostrzeżenie: (0%)
-----


Jak mógłbym zmienić ten kod, aby zamiast spośród obrazków wyszukiwarka działała spośród zwykłego tekstu?

  1. <input type="text" id="input">
  2. <div id="images">
  3. <img src="#" alt="Nazwa A">
  4. <img src="#" alt="Nazwa B">
  5. <img src="#" alt="Nazwa C">
  6. <img src="#" alt="Nazwa D">
  7. </div>
  8.  
  9. document.getElementById('input').onkeyup = function(){
  10. var els, i, el;
  11. els = document.getElementById('images').getElementsByTagName('img');
  12. for(i=0; el=els[i++]; )
  13. if( el.alt.toLowerCase().indexOf(this.value.toLowerCase() ) == -1)
  14. el.style.display = 'none';
  15. else
  16. el.style.display = '';
  17. }


Ten post edytował baggy 3.10.2011, 17:31:18
Go to the top of the page
+Quote Post
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Proszę wstawić bbcode.


--------------------
Go to the top of the page
+Quote Post
Swirek
post
Post #3





Grupa: Zarejestrowani
Postów: 221
Pomógł: 20
Dołączył: 4.05.2006
Skąd: Polska

Ostrzeżenie: (0%)
-----


wstaw kod w tagi i nie ten dział.

szczerze mówiąc to w lepiej jest napisać od nowa szukanie tekstu niż modyfikować ten kod tak na pierwszy rzut oka


--------------------
Macho odpadacie ;) .
Go to the top of the page
+Quote Post
Maze123987
post
Post #4





Grupa: Zarejestrowani
Postów: 98
Pomógł: 0
Dołączył: 17.09.2009

Ostrzeżenie: (0%)
-----


Nie chcę pisać od nowa, bo taka wyszukiwarka mi najbardziej odpowiada. Zależy mi tylko na tym, aby zamiast spośród obrazków wyszukiwało z spośród tekstu który sie wpisze.
Go to the top of the page
+Quote Post
Swirek
post
Post #5





Grupa: Zarejestrowani
Postów: 221
Pomógł: 20
Dołączył: 4.05.2006
Skąd: Polska

Ostrzeżenie: (0%)
-----


możesz spróbować <img src="#" alt="Nazwa A"> zmienić na <div title="Nazwa A">Nazwa A</div>
i odwoływać się do elementów div zamiast do img
później do parametrów zamiast el.alt. to el.value ale szczerze mówiąc sam nie jestem do końca przekonany. Pomóc spróbowałem wink.gif

Ten post edytował Swirek 3.10.2011, 17:44:18


--------------------
Macho odpadacie ;) .
Go to the top of the page
+Quote Post
Maze123987
post
Post #6





Grupa: Zarejestrowani
Postów: 98
Pomógł: 0
Dołączył: 17.09.2009

Ostrzeżenie: (0%)
-----


niestety coś nie trybi
Go to the top of the page
+Quote Post
konrados
post
Post #7





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

Ostrzeżenie: (0%)
-----


Trybi, nie trybi... chodzi o to, że o ile chowanie/pokazywanie obrazków jest jeszcze sensowne (po wpisaniu danej frazy) o tyle jak sobie wyobrażasz pokazywanie/ukrywanie tekstu?

Weźmy mój akapit powyżej - wpisuję 'sensowne' i co ma się wydarzyć? Ma się wszystko inne schować i pozostać tylko to słowo?

edit: a przepraszam, chodziło o tekst pod obrazkiem? No to pod każdym obrazkiem umieszczasz diva z klasą np. 'img_text' i w niej za pomocą (najlepiej) jquery wyszukujesz tekst i całego diva (parent - zawierający obrazek i tekst) ukrywasz/pokazujesz.

Ten post edytował konrados 4.10.2011, 11:03:05
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 06:38