Wyszukiwarka

[sille]

Witam, jeśli napisałem w złym dziale to przepraszam i proszę o przeniesienie.
Wychodzę do Was z pytaniem jak umieścić w artykule ajaxową wyszukiwarkę obrazków
taki kod nie działa:

<input type="text" id="input">
<div id="images">
<img src="adres1" alt="Nazwa A">
<img src="adres2" alt="Nazwa B">
<img src="adres3" alt="Nazwa C">
<img src="adres4" alt="Nazwa D">
</div>

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

Chciałbym stworzyć tabelkę składającą się z kilkudziesięciu wierszy. Po wpisaniu do wyszukiwarki (ajaxowej) jakiejś nazwy wiersze znikają i zostają tylko te, których podporządkowana wcześniej nazwa pasuje do wpisanej.? Ktoś zna rozwiązanie.

Przykładowo mam 5 wierszy tabelki, w każdym wierszu jest obrazek. Każdy wiersz ma przypisaną nazwę. Po wpisaniu określonej nazwy pozostaje tylko jedna tabelka, która miała właśnie przyporządkowaną tą nazwę.

[kodhtml]

Kod działa. Rozumiem, że te "**********" to część skryptu? Prawdopodobnie ładujesz skrypt przed kodem html. Jeżeli używasz mootools to ten skrypt umieść wewnątrz poniższego kodu, tam gdzie "xxxx":

window.addEvent('domready', function() {
  xxxx
});

w przypadku jQuery wewnątrz:

$(document).ready(function(){
  xxxx
});

ewentualnie poniżej samego div`a #images.

[sille]

Dzięki, rozwiazane.