 [JavaScript] Wyszukiwarka obrazków., Wyszukiwarka |
  |
| [JavaScript] Wyszukiwarka obrazków., Wyszukiwarka |
| --BaGGy-- |
Post
#1
|
|
Goście  |
Jak mogę zrobić prostą wyszukiwarkę na stronie (portalu w phpbb3)
Konkretnie chodzi mi o wyszukiwarkę, która po wpisaniu nazwy (początkowych liter nazwy) ukrywałaby obrazki, których przypisana nazwa różni się od tej wpisanej w wyszukiwarce. Załóżmy mamy na podstronie 5 obrazków o przypisanych im nazwach (ukrytych) "Nazwa A" "Nazwa B" "Nazwa C" "Nazwa D" "Nazwa E" Po wpisaniu w wyszukiwarce słowa "Nazwa" pokazują się wszystkie 5 obrazków za to po wpisaniu "Nazwa C" pokazuje się tylko obrazek z tą ukrytą nazwą, a reszta zostaje ukryta. Jak to zrobić ? |
 |
 
|
|
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%) 
|
Jakie masz doświadczenie w pisaniu w JS?
-------------------- |
|
|
|
| --BaGGy-- |
Post
#3
|
|
Goście |
Znikome dlatego szukam czegoś gotowego.
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%)
|
Właśnie dlatego pytam...
Masz: Kod <input type="text" id="input">
<div id="images"> <img src="#" alt="Nazwa A"> <img src="#" alt="Nazwa B"> <img src="#" alt="Nazwa C"> <img src="#" alt="Nazwa D"> </div> <script> document.getElementById('input').onkeyup = function(){ var els, i, el; els = document.getElementById('images').getElementsByTagName('img'); for(i=0; el=els[i++]; ) if( el.alt.indexOf(this.value) == -1) el.style.display = 'none'; else el.style.display = ''; } </script> -------------------- |
|
|
|
| --BaGGy-- |
Post
#5
|
|
Goście |
Dzięki wielkie, o to mi chodziło. Plus dla Ciebie
|
|
|
|
|
|
Aktualny czas: 21.08.2025 - 14:26 |
