Пишу про заинтересовавшие сервисы, блоги, твиттеры, а также собственные идеи и задумки.

Сортировка в HTML-списках

31 мая 2011, 22:13

Уверен, вам доводилось, заполняя анкету в какой-нибудь социальной сети или при заказе в интернет-магазине, указывать страну или город своего проживания. На менее крупных сайтах обычно это делается обычным текстовым окошком, на крупных порталах вы вероятнее найдёте список всех стран, из которых надо выбрать. И хорошо, если выбор будет не более, чем из десятка альтернатив, иначе…

Наступает страшное — нужно найти собственно то, что отметить. Тут два варианта: либо вы нажимаете на клавиатуре первую букву своего населённого пункта, либо ищете с помощью мышки.

Суть проблемы в том, что список обычно установлен на пункте «Выберите страну». Вы беззаботно прокручиваете все 250 штук по алфавиту и видите, что вашей нет! Вы теряетесь в догадках и только потом до вас доходит, что заботливые программеры вынесли популярную страну на второй пункт списка, на самый верх!

Проблема некритична, но потерянные секунды тем не менее раздражают: теперь каждый раз, когда вы видите список, вы сначала смотрите, не вынесли ли вашу страну отдельным пунктом наверх, либо её нужно искать по алфавиту.

Моё предлагаемое решение достаточно простое: не использовать этот пункт-заглушку «Выберите страну», а сразу ставить выделенной именно популярную, но так, чтоб она располагалась на своём месте в алфавите. Технически это реализовывается даже проще, чем вынесение нужной страны из алфавитного порядка наверх — достаточно просто в пункте

<option value="ru">Россия</option>

дописать selected="selected" в тэг.

Преимущества:

  • Вам не нужно делать особую выборку для алфавитной сортировки
  • Страна находится на своём месте и даже при случайном сбросе пункта её можно будет найти
  • Можно динамически просчитывать, какой пункт списка является популярным и отмечать именно его в первую очередь
Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное