Это... слушайте <select>

[craz]

дайте ссылки на кастомизацию внешнего вида?

 

[Ragazzo]

craz
открой любой UI и смотри css файлы

 

[c0dex]

Select'ы как правило нормально стилизуются через всякие свойства CSS, типа border, width, height и т.д.

 

[craz]

Select'ы как правило нормально стилизуются через всякие свойства CSS, типа border, width, height и т.д.

да нарисовали просто стрелку блин дизайнеры... ее то через че?

 

[Benjamin]

jquery.selectbox

 

[c0dex]

craz
картинку покажи, я не понимаю о чем ты.

 

[craz]

я понимаю тупой вопрос... просто я никогда не кастомизировал их вид...

 

[c0dex]

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

глянь на http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements

У меня через чистый CSS стрелку поменять не вышло конечно(

 

[craz]

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

 

[c0dex]

craz
Мы как-то с нашим верстальщиком разговаривали по этой теме, стилизация file-upload полей обсуждалась. Как он сказал, если и удалось заставить во всех браузерах выглядеть такую аплоадину одинаково - это скорее удача, а не достижение. Да и сделаны везде в разных браузерах элементы управления разными неспроста.

 

[craz]

согласен на все сто мутить Nкб ради такой херни

 

[craz]

http://www.whitespace-creative.com/jquery/jNice/
вот этим победил селекты - г конечно еще то... но теперь вопросы не ко мне)

 

[expellee]

http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/ - ещё ссылка на всякий случай. Вдруг кому-то понадобится.

PS jNice, насколько, я помню, в ИЕ6 не работает.

 

[craz]

пляяяяяяяяяяя что делать!!!! он не работает в ИЕ6 пляяяяяяяяяяяяяяяя!!!! ай ай ай!!!

 

[craz]

<form style="overflow:visible;" class="jNice">		  
		    <div class="jNiceWrapper" style="z-index: 100;"><select id="select" class="jNiceHidden" style="opacity: 0;">
		      <option value="all">Все разделы</option>
		      <option value="1">Новости</option>
		      <option value="5">Выставки</option>
		      <option value="35">Публикации</option>
		      <option value="11">Медиа-архив</option>
		    </select><div class="jNiceSelectWrapper" style="width: 110px;"><div><span class="jNiceSelectText" style="width: 85px;">Публикации</span><span class="jNiceSelectOpen"></span></div><ul style="width: 85px; display: none;"><li><a index="0" href="#" class="">Все разделы</a></li><li><a index="1" href="#">Новости</a></li><li><a index="2" href="#">Выставки</a></li><li><a index="3" href="#" class="selected">Публикации</a></li><li><a index="4" href="#">Медиа-архив</a></li></ul></div></div>

      </form>

такая вот форма получилась

<script>		   
		    jQuery(document).ready(function(){
		      hrefLink = jQuery(".listMonth li a").attr("href");
		      jQuery("select#select").change(function(){
		        jQuery(".listMonth li a").attr("href", hrefLink+"&section="+jQuery(this).val());          		        
          });
        });
		  </script>

вот скрипт для селекта но он как вы понимаете не работает... подскажите хоть вектор чтоль как бы его переписать чето я в кучки моск не соберу...

Для <select> в частности теперь не наступает событие change../

 

[craz]

все решил, не хотелось бы конечно так но решил

jNice.js....
var SelectUpdate = function(element){
		var $select = $(element);
		
		var $wrapper = $select.siblings('.jNiceSelectWrapper');
		var $ul = $wrapper.find('ul').find('li').remove().end().hide();
		$('option', $select).each(function(i){
		  
		  options = $select.find("option"); 
			/*$ul.append('<li><a href="#" index="'+ i +'">'+ this.text +'</a></li>');*/
			$ul.append('<li><a href="#" index="'+ options.eq(i).attr("value") +'">'+ this.text +'</a></li>');
		});
.....

Все равно jNice какие то несуразные индексы вписывает.
Потом навесил на эти линки клик и забрал так же.

jQuery(".listMonth li a").attr("href", hrefLink+"&section="+jQuery(this).val());

если кто то изящнее знает и не в падлу посоветуйте

 

[newARTix]

эту можешь попробовать.
http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html
И у него есть косяки, но onchange отрабатывает Хотя я бы на твоем месте уже допиливал jNice, "красиво" в плане кода все-равно не получится.