Вот кросс-браузерный рабочий код, который решает проблему с “наезжанием” текста на изображение - он не такой элегантный, но то, что получается, выглядит и взаимодействует с пользователем совершенно точно также, как обычное поле ввода с изображением, но без наезжания:

———————-
Файл CSS.css:
———————-

.csSeekLabel{
}

.csSeekEncloser{
border : solid 1px #848388 ;
}

.csSeekImage{
border : 0px ;
padding-left : 3px ;
vertical-align : -2px ;
}

.csSeekText{
border : 0px ;
}

———————-
Файл index.html
———————-

//

Введите текст для поиска:

. По-моему, это работает.

Почему, правда, работает эта функция jQuery, ‘$’, я так и не понял, но вот как, кажется, можно использовать jQuery в JavaScript для создания эквивалента поля ввода с изображением без наезжания текста на изображение при вводе слишком длинного текста.

А статья пригодилась, спасибо.

Реализуем это в javascript с помощью jquery.

Она стоит как раз над рабочим примером. К тому же слово jquery является ссылкой на эту javascript библиотеку. Eсли Вы считаете, что это не достаточное объяснение, предложите лучшее. Спасибо.

Неплохо бы было добавить в статью хотя бы название библиотеки, которая используется, а может быть, но это в идеале, ссылку на исходники, а то даже и объяснение:

“Мол, в такой-то и такой-то библиотеке ‘Библиотека’, используемую в коде данной статьи версию которой библиотеки, кстати, можно закачать по адресу ‘Адрес’, функция ‘$’ при вызове возвращает стандартный JavaScript массив, к которому применяется добавленная данной библиотекой к данному массиву (а, быть может, и вообще к prototype объекта Array, то есть ко всем массивам) функция ‘each(call_back)’, которая функция each применяет переданную ей в качестве аргумента функцию call_back к каждому элементу возвращённого функцией ‘$’ массива”, и делает то-то (а тут см. код)”.

А то иначе просто непонятно, как запустить код, чтоб он сработал у тебя. Я, например, хотя и посмотрел исходники страницы с этой статьёй, и скачал все подключаемые через тэг с определённым атрибутом src .js-файлы, всё равно так и не отыскал одного-единственного файла, в котором определяется функция ‘$’ Так что мне остаётся только восхищаться мастерством автора этой статьи.

Неужели все, кто пишет комментарии к этой статье, знают, КАКАЯ библиотека должна быть подключена, просто по виду вызовов функции этой библиотеки (например, “Ага, используется each, значит, это не Ajax…”)? )

А так, вообще, код работает (у меня, по крайней мере, в Firefox’е), только я не могу понять, почему. )