X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как подключить JavaScript ?
Gunilla
Gunilla
Topic Starter сообщение 29.12.2012, 21:39; Ответить: Gunilla
Сообщение #1


День добрый всем! Помогите пожалуйста с решением такой проблемы. Мне необходимо стилизовать выпадающий список, а именно option, единственная возможность - это подключение JavaScript. Нашла несколько вариантов, которые можно рассмотреть - http://www.webmasters.by/articles/html-cod...l#axzz2GRbyuKTW

Вот к примеру первый пример - по поводу того, куда вставлять в шаблон код это понятно, но что должно быть в стилях? и куда (и как) надо вставлять этот скрипт:
function DropDown(el) {
this.dd = el;
this.placeholder = this.dd.children('span');
this.opts = this.dd.find('ul.dropdown > li');
this.val = '';
this.index = -1;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;

obj.dd.on('click', function(event){
$(this).toggleClass('active');
return false;
});

obj.opts.on('click',function(){
var opt = $(this);
obj.val = opt.text();
obj.index = opt.index();
obj.placeholder.text('Gender: ' + obj.val);
});
},
getValue : function() {
return this.val;
},
getIndex : function() {
return this.index;
}
}



Пробую - ничего не получается, хотя примеры вроде бы все работают...



0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 30.12.2012, 22:11; Ответить: Arks
Сообщение #2


Вот первая часть скрипта:

[JS]
function DropDown(el) {
this.dd = el; //el предполагает DOM-объект, например document.getElementById('#dropDownList1');
this.placeholder = this.dd.children('span'); //объявляется свойство placeholder, которым является JQuery - селектор "найди в переданном DOM-объекте все теги span" - после выборки тут jQuery-объект(коллекция)
this.opts = this.dd.find('ul.dropdown > li'); //этим свойством будет еще одна jQuery коллекция яэлементами которой будут все теги li, вложенные в родительский ul обладающий классом dropdown, причем только в ul вложенный в переданный el(параметр функции)
this.val = ''; //это default, можно не обращаться внимания
this.index = -1; //см.выше
this.initEvents(); //вызов функции прототипа. Т.е. будет сделан внутренний вызов this->protoObj->initEvents();, очевидно он биндит некие DOM-события к коллекциям this.placeholder и this.opts
}
[/JS]

пишите что непонятно, может термины или синтаксис. Но, как видите даже она не предполагает поддержки option без изменения кода.


Мой Вам совет - простите, по-русски(по другому тут никак) - если Вы не понимаете даже этот код не ипите себе мозг. Эмуляция селектов это та вещь где сам черт ногу сломит. Все эти события(право-влево, навигация по введенным буквам и т.п.), остановка и всплытие в нужные моменты, поддержка клавиатуры, разное поведение браузеров на onchange и т.п.
Написать полноценный селект или автокомплит(что почти одно и то же) - это тонна строк javascript-кода.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
2 Boymaster 723 24.4.2024, 17:52
автор: Boymaster
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19907 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3484 23.4.2024, 11:54
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 5048 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 2040 20.4.2024, 15:06
автор: Boymaster


 



RSS Текстовая версия Сейчас: 26.4.2024, 6:43
Дизайн