Нестандартный вид select

[droncl]

Возникла задача поменять в дизайне сайта стандартную картинку (стрелка вниз) списка select, по нажатию на которую появляеются опции select.

Нашли примерно то что нужно вот тут http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm, но тут всё слишком замутно и слишком много ненужных функций, к томуже в IE6 немного кривовато работает и ещё несколько глюков...

Не знает ли кто-небудь, как можно кроссбраузерно поменять эту стандартную стрелку, или может кто знает линки на примерно такие скрипты выпадающего меню аля выпадающий список select?

Заранее спасибо.

[s0rr0w]

Возникла задача поменять в дизайне сайта стандартную картинку (стрелка вниз) списка select, по нажатию на которую появляеются опции select.

Нашли примерно то что нужно вот тут http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm, но тут всё слишком замутно и слишком много ненужных функций, к томуже в IE6 немного кривовато работает и ещё несколько глюков...

Не знает ли кто-небудь, как можно кроссбраузерно поменять эту стандартную стрелку, или может кто знает линки на примерно такие скрипты выпадающего меню аля выпадающий список select?

Заранее спасибо.

Поиск информации в гугле: 100$ в час.

[Dimitry Wolotko]

http://www.ajaxrain.com/tag?tag=select

куча кастомизированных селектов, в том числе, и достаточно простые.

[s0rr0w]

http://www.ajaxrain.com/tag?tag=select

куча кастомизированных селектов, в том числе, и достаточно простые.

Дим, ну зачем? Человек - откровенный лентяй, не может себе найти информацию даже в инете.

Помогая лентяю - потакаешь его лени.

[droncl]

2 s0rr0w

Ну почему сразу лентяй... на самом деле долго искал и ничего толкового не нашёл кроме этого

например по таким запросам как select на ajax или нестандартный select

а для чего тогда форум? для того чтобы письками мерятся или помогать?

2 Dimitry Wolotko

спасибо за линк. то что нужно

Edited May 25, 2009 by droncl

[s0rr0w]

2 s0rr0w

Ну почему сразу лентяй... на самом деле долго искал и ничего толкового не нашёл кроме этого

например по таким запросам как select на ajax или нестандартный select

а для чего тогда форум? для того чтобы письками мерятся или помогать?

2 Dimitry Wolotko

спасибо за линк. то что нужно

Форум для того, чтобы обмениваться опытом, помогать людям решать проблемы, которые возникли в процессе работы с кодом, но никак не искать за кого-то информацию и делать готовые решения.

И неудивительно, что вы не нашли ничего толкового, так как вы используете поисковик, который не индексирует забугорные сайты. А именно там собрана масса полезной информации. Да и язык запросов у вас неправильный. Учитесь искать информацию!

[psywalker]

s0rr0w

А расскажите пожалуйста, как правильно искать нужную инфу в поисковике, я тоже ламер по этой части

[s0rr0w]

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

1) Используем английский в поисковых запросах. Потому что на английском ресурсов гораздо больше, чем на русском или любом другом языке бывшего СССР.

2) Используем гугл вместо яндекса. Потому что гугл международный поисковик.

3) Учимся правильно строить запросы. Приведу пример на текущей задаче

Что у нас есть? Слова CSS (потому что стилями заведует данная технология), слова select (наш пациент), есть слово customization (отражает тот процесс, который мы собираемся сделать над нашим пациентом).

Делаем пробный поиск

Вторая ссылка - то что нам надо.

http://ryanfait.com/resources/custom-check...-radio-buttons/

(советую посмотреть, очень элегантное решение)

Если не получилось бы, то нужно читать те текстовые выжимки из контента страницы, обращая внимание на терминологию. Например, слово customization можно заменить на custom arrow design. Опять же, вторая ссылка идет на обсуждение, в котором попадаются ссылки на нужные решения.

Среди вариантов попадаются ссылки на фотошоп, значит добавляем -photoshop к запросу, чтобы не мешал.

В поиске все просто, главное начать, потом почитать терминологию, подправить запрос, и закончить нужным результатом.

[psywalker]

Спасибо за разъяснение, а вот ещё вопрос:

Среди вариантов попадаются ссылки на фотошоп, значит добавляем -photoshop к запросу, чтобы не мешал.

А зачем добавлять Фотошоп, если он наоборот лишний?

[s0rr0w]

Спасибо за разъяснение, а вот ещё вопрос:

А зачем добавлять Фотошоп, если он наоборот лишний?

Там стоит знак минуса. Минус фотошоп.

[Zippovich]

еще не мешало бы быть внимательным: добавляем -photoshop (т.е. минусphotoshop). Догадываетесь зачем минус?

[droncl]

Итого, сколько полезных дел мы сделали в одном сабже:

1. Узнали как сделать, красивые, кроссбраузерные, нестанадратные селекты

2. Узнали как искать информацию в гугле (тем самым кстати сэкономили 100$ )

3. Теперь, благодяря этому форуму и яше, о красивых селектах узнают и те кто не умеют искать в гугле

Edited May 25, 2009 by droncl

[s0rr0w]

Только у некоторых в голове что-то останется, а у некоторых - нет.

[droncl]

Опять же по теме так сказать

Вот нашёл отличный пример http://ryanfait.com/resources/custom-check...uttons/example/ в FF и опере всё пучком конечно, а в IE6 почему-то не работают стилизованные селекты (именно то что мне и нужно )

может подскажет кто в чём там может быть проблемма...(( ?

JS код

http://ryanfait.com/resources/custom-check...orm-elements.js

CSS

http://ryanfait.com/workspace/css/code.css

http://ryanfait.com/resources/custom-check...uttons/form.css

[Dimitry Wolotko]

На IE можно забить немного, оставив только функционал, без красивостей, уже давно пора.

[era37]

Вот скрипт, работает и в IE6

http://verstkawebsaita.ru/masterskaya-verstalshchika/veb-formy/select-selekty/nestandartnye-select-selekty-form-na-jquery