Forum PHP.pl

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

[HTML] pobierz, plaintext 
<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.toLowerCase().indexOf(this.value.toLowerCase() ) == -1)
    el.style.display = 'none';
   else
    el.style.display = '';
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował baggy 3.10.2011, 17:31:18

Proszę wstawić bbcode.

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

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.

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 (IMG:style_emoticons/default/wink.gif)

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

niestety coś nie trybi

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