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ć ?
Pełna wersja: [JavaScript] Wyszukiwarka obrazków.
Jakie masz doświadczenie w pisaniu w JS?
Znikome dlatego szukam czegoś gotowego.
Właśnie dlatego pytam...
Masz:
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>
<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>
Dzięki wielkie, o to mi chodziło. Plus dla Ciebie 
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.