Перейти до основного вмісту
Головна
нотатки кодера

Navigation

  • Головна
  • Про мене
  • Документація
  • Портфоліо
User account menu
  • Вхід

Рядок навіґації

  1. Головна

Обробник поля вводу пошукової форми

від vetal, 8 лютого, 2012
Категорія
Програмування
  • Щоб додати коментар, увійдіть або зареєструйтесь

Всі вже давно використовують всілякі красивості, що реалізовані за допомогою jQuery. Як варіант красивості - поле пошукової форми в котрому за замовченням введено слово "Пошук", а при кліку на ньому, тобто при отриманні полем фокуса, це слово пропадає. Варіант такого рішення показано нижче.

Скрипт стирає фразу в полі вводу (input value) при отриманні фокуса та повертає її назад, якщо нічого не було введено. Реалізовано на jQuery

Цей скрипт корисний для обробки поля вводу пошукової форми.

<script type="text/javascript">
$(document).ready(function() {
  inp = $('.search form div.text input:last').val();
  $('.search form div.text input:last').focus(function() {
    inpf = $(this).val();
    if(inp==inpf){
      $(this).attr('value', '');
    }
  });
  $('.search form div.text input:last').blur(function() {   
    if($(this).attr('value')==''){
      $(this).attr('value', inp);
    }
  });
});
</script>
jQuery
JavaScript

Категорії

  • Історії
  • Адміністрування
  • Поради
  • Програмування

Останні матеріали

  • OpenCart облік прибутку
    16 годин 34 хвилини ago
  • Fail2Ban: Постійний бан
    2 тижні 5 днів ago
  • Як отримати список змінених файлів між ревізіями
    5 років ago
  • Що робити якщо svn: database disk image is malformed
    6 років ago
  • Як виправити пошкоджений /etc/sudoers файл
    7 років 1 місяць ago
  • Налаштування зовнішнього клієнта контролю версії (svn, git і т.і.) через тунель ssh в IDE
    8 років 3 місяці ago
  • RabbitMQ очистка одної конкретної черги з командної строки
    8 років 9 місяців ago
  • Гарне перенаправлення домену з www на домен без www
    9 років ago
  • Doctrine ORM біхейвери, або як використовувати трейти ефективно
    9 років 3 місяці ago
  • Приклад синтаксису для Secure Copy (scp)
    9 років 5 місяців ago

1980-2023 © All rights reserved. VAG.org.ua // нотатки кодера.