Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: всплывающее окно с подсказкой при поиске
 
 автор: Дмитрий Смаль   (01.03.2010 в 12:56)   письмо автору
 
 

Здравствуйте!

хочу на сайте реализовать поиск с подсказками как в гугле, если начали что-то писать в поле поиска то ниже появляются возможные варианты

сейчас сделал это дело на аджакс, в поле поиска поставил onKeyUp="ajax_list(this.value)"
эта функция запускает файл аджакса который выдает свои результаты, эти результаты я оформляю в виде таблицы и показываю её сразу под полем ввода.
выглядит очень хорошо и красиво, но есть одно большое НО
браузер иногда предлагает свои варианты, которые сбивают с толку, так как ниже есть и мои варианты

какие способы есть решить данную проблему?

  Ответить  
 
 автор: DJ Paltus   (01.03.2010 в 13:57)   письмо автору
 
   для: Дмитрий Смаль   (01.03.2010 в 12:56)
 

Для текстовой формы надо прописать хтмл-свойство "autocomplete=off".

  Ответить  
 
 автор: Дмитрий Смаль   (01.03.2010 в 16:02)   письмо автору
 
   для: DJ Paltus   (01.03.2010 в 13:57)
 

а валидных способов нет?

  Ответить  
 
 автор: DJ Paltus   (01.03.2010 в 16:14)   письмо автору
 
   для: Дмитрий Смаль   (01.03.2010 в 16:02)
 

Код

<input name="event"  type="text" value="" autocomplete=off>

валиден для html4.01 - как для переходного, так и для строгого.

  Ответить  
 
 автор: Дмитрий Смаль   (02.03.2010 в 11:01)   письмо автору
 
   для: DJ Paltus   (01.03.2010 в 16:14)
 

а для XHTML 1.0 Transitional ?

  Ответить  
 
 автор: DJ Paltus   (02.03.2010 в 12:54)   письмо автору
 
   для: Дмитрий Смаль   (02.03.2010 в 11:01)
 

М-дя. Тогда держи строгий:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>test</title>
    <script type="text/javascript">
        function kill_autocomplete() {
            if (!document.getElementById) return false;
            var t = document.getElementById('baddog');
            t.setAttribute("autocomplete", "off");
            }
    </script>
</head>

<body onload='kill_autocomplete()'>
    <form action="" method="post">
        <fieldset>
            <input name="Name" type="text" value="" id="baddog" />
            <input type="submit" value="Send"/>
        </fieldset>
    </form>
</body>

</html>

Только не спрашивай, можно ли это сделать еще и без JS ))

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования