[JavaScript]Jak zmienic ten kod Opcje

[Maze123987]

Jak zmienic ten kod wyszukiwarki

[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 

aby zamiast wyszukiwać w <img src...> szukał w iframe'ach
<iframe src="#" name="Nazwa D"> </iframe>
?

Probowalem za pomoca atrybutu "name" i "id" w <iframe>, ale niestety wyszukiwarka "nie czyta" wydaje mi sie, ze trzeba zmienic cos w js

[HTML] pobierz, plaintext 
<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 

[morbic]

[JAVASCRIPT] pobierz, plaintext 
els = document.getElementById('images').getElementsByTagName('img');
[JAVASCRIPT] pobierz, plaintext 

getElementsByTagName('img')

[Maze123987]

Tak tez próbowałem:

[HTML] pobierz, plaintext 
<input type="text" id="input">
<div id="images">
 
<iframe src="http://v3.my-fantasy.net/game/view.php?t=a&id=1" alt="nazwa C"></iframe>
<iframe  src="http://v3.my-fantasy.net/game/view.php?t=a&id=175" alt="nazwa A"></iframe>
<iframe src="http://v3.my-fantasy.net/game/view.php?t=a&id=14" alt="nazwa B" ></iframe>
</div>
 
<script>
document.getElementById('input').onkeyup = function(){
  var els, i, el;
  els = document.getElementById('images').getElementsByTagName('iframe');
  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 

Niestety również nie działa

Próbowałem juz chyba wszystkiego i nic nie chce zadziałać iframe'y są włączone, ale jak wpisuje przypisana nazwe do wyszukiwarki to nie działa (nie pokazuje sie tylko ten wyszukiwany element)
Ma ktoś jakiś pomysł?

[morbic]

Najprościej z użyciem jQuery:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
   $("#input").keyup(function() {
 
       var inp = $(this);
       $("iframe").each(function() {
          if ($(this).attr("alt").toLowerCase().indexOf(inp.val().toLowerCase() ) == -1) {
             $(this).hide();
          } else {
             $(this).show();
          }
       });
 
   });
});
[JAVASCRIPT] pobierz, plaintext 

Na pewno da się cały proces jeszcze uprościć, ale na szybko przepisałem tylko z pamięci na jQuery. Niesprawdzane.