+ Ответить в теме
Показано с 1 по 4 из 4

Тема: Переключатель Поле со списком

  1. #1

    Переключатель Поле со списком

    Здравствуйте, вот влезла в голову мысль, а как сделать не знаю. Знаю что это дело javascript который не понимаю(
    И так, думал я о поле со списком. Например вот такое
    <select атрибуты>
    <option атрибуты>Пункт 1</option>
    <option атрибуты>Пункт 2</option>
    </select>


    Нужно что в нем были ссылки в каждом пункте.
    И нужна кнопка, или ссылка, при нажатии на которую будет переключаться пункт на +1 и осуществляться переход. Всем добра

  2. #2
    при помощи select это сделать нельзя. Делай при помощи <ul> <li> или при помощи <div>. При нажатии на родителя тебе надо отображать все li, при выборе скрывать. Там не так мало кода чтобы его просто написать, но и не так сложно чтобы не суметь сделать.
    Я бы делал примерно так
    <script>
    function MySelect(){

    }

    MySelect.prototype.showList = function(){}
    MySelect.prototype.hideList= function(){}
    MySelect.prototype.addOption = function(option){}
    MySelect.prototype.onOptionChoose= function(option){}
    MySelect.prototype.getDomElement = function(){}
    MySelect.prototype.setValue = function(value){}
    MySelect.prototype.getValue = function(value){}

    function MySelectOption() {

    }
    MySelectOption.prototype.getValue = function(value){}

    var mySelect = new MySelect();
    mySelect.addOption(new MySelectOption());
    mySelect.addOption(new MySelectOption());
    mySelect.addOption(new MySelectOption());

    document.addElement(mySelect.getDomElement());


    </sctipt>

  3. #3
    Спасибо) буду разбираться и гуглить функции) может javascript пойму) Оптишу когда зайду в тупик)

  4. #4
    Цитата Сообщение от Degradator Посмотреть сообщение
    <script>
    function MySelect(){
    *
    }
    *
    MySelect.prototype.showList = function(){}
    MySelect.prototype.hideList= function(){}
    MySelect.prototype.addOption = function(option){}
    MySelect.prototype.onOptionChoose= function(option){}
    MySelect.prototype.getDomElement = function(){}
    MySelect.prototype.setValue = function(value){}
    MySelect.prototype.getValue = function(value){}
    *
    function MySelectOption() {
    *
    }
    MySelectOption.prototype.getValue = function(value){}
    *
    var mySelect = new MySelect();
    mySelect.addOption(new MySelectOption());
    mySelect.addOption(new MySelectOption());
    mySelect.addOption(new MySelectOption());
    *
    document.addElement(mySelect.getDomElement());
    *
    *
    </sctipt>
    ЭЭЭ.... и что даёт данный код?

+ Ответить в теме

Похожие темы

  1. Поле со списком + обновление таблицы
    от 6AHK0MAT в разделе Базы данных
    Ответов: 1
    Последнее сообщение: 02.11.2014, 21:53
  2. Декоративный переключатель
    от romank в разделе CSS
    Ответов: 5
    Последнее сообщение: 23.09.2012, 17:25
  3. Переключатель
    от Mishko в разделе JavaScript
    Ответов: 2
    Последнее сообщение: 01.08.2011, 09:03
  4. Переключатель вкладок
    от Pulse в разделе JavaScript
    Ответов: 2
    Последнее сообщение: 03.11.2010, 03:56
  5. Проблемка со списком! (((
    от JokerJoker в разделе HTML
    Ответов: 2
    Последнее сообщение: 25.09.2009, 12:30

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения