нужен совет

[titan2012]

здрасте всем) нужна помощь, делаю один проект и возникла у меня такая проблемка, щас попытаюсь в общих чертах все обьяснить така как я это представляю) Есть на html страничке картинки и есть поиск, (картинки все подписаны) как сделать так чтобы при вводе в поиск слова выделялась, подсвечивалась, увеличивалась или еще чет картинка у которой название совпадает с словом или с буквой введенной в поиск, хотелось бы еще чтобы при вводе буквы в поиск подсвечивались те картинки у которых название совпадает с первой буквой, типа как вводишь название чего-то в яндекс или гугл (там выпадает перечень допустимых слов)
Кто может что-то посоветовать? может ссылки на то что я хочу, а то перерыл уже все что можно, может я не так формулирую что-то в запросе поиска.

[ZvEr_HaCkEr]

В общих чертах как-то так:картинкам присвоить необходимый alt и при вводе в строку поиска циклом проверять совпадение данных, если же таковые нашли то оборачивать картинку в класс с с рамкой, а если же строка пуста, то удалить раннее созданные классы.

[titan2012]

Сообщение от ZvEr_HaCkEr

В общих чертах как-то так:картинкам присвоить необходимый alt и при вводе в строку поиска циклом проверять совпадение данных, если же таковые нашли то оборачивать картинку в класс с с рамкой, а если же строка пуста, то удалить раннее созданные классы.

ооо... спасибо за совет, буду думать в этом направлении
а нету в нете случайно таких примеров? а то в фантазия это одно а как оно выглядит на деле это совсем другое

[ZvEr_HaCkEr]

Не встречал подобных. Сейчас нету времени, но как только появится я напишу как такое провернуть.

[titan2012]

Сообщение от ZvEr_HaCkEr

Не встречал подобных. Сейчас нету времени, но как только появится я напишу как такое провернуть.

буду очень благодарен)
если что, то вот Номер ICQ 636636771

[Naive]

http://jqueryui.com/demos/autocomplete/
Копай в этом направлении для подсветки доступных наборов.
Для подсветки картинок можно использовать что-нибудь вроде (jquery):

$('input#search').keyup(function() {
  $('img').removeClass('selected');
  $('img[alt*='+$(this).val()+']').addClass('selected');
});

[titan2012]

Сообщение от Naive

http://jqueryui.com/demos/autocomplete/
Копай в этом направлении для подсветки доступных наборов.
Для подсветки картинок можно использовать что-нибудь вроде (jquery):

$('input#search').keyup(function() {
  $('img').removeClass('selected');
  $('img[alt*='+$(this).val()+']').addClass('selected');
});

спасибо за пример, то что надо, примерно это я и искал)

[ZvEr_HaCkEr]

Ну тогда хотя бы так.

[Wicort]

Не совсем правильно работает: если ввести "74", то подсвечиваются 2 и 3 картинки, а по логике должна только 3.

[Naive]

Сообщение от Wicort

Не совсем правильно работает: если ввести "74", то подсвечиваются 2 и 3 картинки, а по логике должна только 3.

именно поэтому в моем скрипте срезается вся подсветка до добавления новой.