[JavaScript] Wyszukiwarka obrazków., Wyszukiwarka Opcje

[--BaGGy--]

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ć ?

[kamil4u]

Jakie masz doświadczenie w pisaniu w JS?

[--BaGGy--]

Znikome dlatego szukam czegoś gotowego.

[kamil4u]

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--]

Dzięki wielkie, o to mi chodziło. Plus dla Ciebie