select с всплывающими подсказками

[Руслан]

select с всплывающими подсказками

Приветствую всех.

Что имеею: из БД беру варианты опшенов и текста (подсказки). Формирую <select> с опшенами. (с этим пробелем нет).

Вопрос: как написать JS, чтобы при наведении на каждый опшен курсором мыши (onMouseOver), с правой стороны от селекта возникал определённый текст (для каждого опшена свой)?

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

 

[dimagolov]

Вопрос: как написать JS, чтобы при наведении на каждый опшен курсором мыши (onMouseOver), с правой стороны от селекта возникал определённый текст (для каждого опшена свой)?

стандартно такое реализовать нельзя, как я помню. придется рисовать select самому.

 

[Руслан]

Вот это дела.. А со стандартным селектом только по клику?

 

[dimagolov]

ага. и причина в том, что select рисуется не браузером, а ОС в большинстве реализаций.

 

[Руслан]

Жаль жаль.. А по клику как сделать? Ну всмысле как event отследить понятно.. А вывести подсказку при этом?

 

[dimagolov]

onchange. но список спрячется ведь при клике.

 

[Руслан]

Да понятно, что прячется. Это-то и плохо, но если не то выберут, будут повторно выбирать. насчёт onchange понятно, а какую функцию он будет вызывать. Это должен быть какой то невидимый див, который должен становиться видимым? Или присваивать переменной в ява скрипте текст и выводить и менять переменную при onchange? Вот в этом моменте что нибудь посоветуете?

 

[dimagolov]

а какую функцию он будет вызывать

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

 

[FB3]

Так сделай свой select, примеров в том же вконтакте куча.
Принцип такой, что есть скрытое поле формы, в которое будешь подставлять с помощью JS выбранное пользователем значение.
И два дива, один - в котором отображается выбранное значение, второй - который будет отображаться при клике на первый и где будет список с выбором и подсказки можно обычные прописать, с помощью атрибута title. Соответсвенно, когда выбирают значение, тебе нужно обновить первый див текстовым значением и скрытое поле формы id-шником.

 

[Руслан]

FB3
А какие минусы у такого селекта?

 

[FB3]

Автор оригинала: Руслан
FB3
А какие минусы у такого селекта?

Если грамотно реализовать, то думаю, что никаких. Разве что не будет работать при выключенном JS. В этом случае можно обычный select вставлять, а потом, если JS будет работать, то соответственно подставлять твой select вместо него.