Подскажите как сделать меню
3094
3
Кто в курсе - подскажите пожалуйста чайнику, как в коде создать выпадающее меню с функцией (вставить код смогу):
Описание того, что нужно:
выбрал из списка стран (из трёх позиций одну) нужный пункт - щелкнул по нему (можно и кнопку ОК, но лучше прямо по позиции списка)- открылась соответствующая пункту страница, на ней очередное меню с выбором города (или на этой же странице, рядом появилось очередное меню)
Аналогично в выпадающем меню (списке) выбрал город - щёлкнул по нему - открылась обычная страница с информацией конкретно по этому городу.
В общем нужно сделать элементарное меню с выбором.
Страница вот
Спасибо!
Описание того, что нужно:
выбрал из списка стран (из трёх позиций одну) нужный пункт - щелкнул по нему (можно и кнопку ОК, но лучше прямо по позиции списка)- открылась соответствующая пункту страница, на ней очередное меню с выбором города (или на этой же странице, рядом появилось очередное меню)
Аналогично в выпадающем меню (списке) выбрал город - щёлкнул по нему - открылась обычная страница с информацией конкретно по этому городу.
В общем нужно сделать элементарное меню с выбором.
Страница вот
Спасибо!
Для каждой последующей страницы (на которую вы будете переходить по клику Ok) формировать последующий список для выбора на основании сделанного ранее выбора.
Если хочется без перезагрузки страницы - добавить AJAX.
Собственно вы можете взять любой сайт, где уже есть такой выбор, и посмотреть как оно устроено, ведь весь HMTL код вам полностью доступен в браузере.
Если хочется без перезагрузки страницы - добавить AJAX.
Собственно вы можете взять любой сайт, где уже есть такой выбор, и посмотреть как оно устроено, ведь весь HMTL код вам полностью доступен в браузере.
Спасибо!
Так и сделал.
Взял от сюда (сверху с лева меню выбора страны и города), следующий код:
Смотрите что получилось (снизу страницы) - не работающее меню (точнее меню не выпадает с названием элементов меню).
То что это всего лишь менюшка, и страницы для элементов не созданы- то понятно, почему сама менюшка не работает?
Что делаю не так?
Так и сделал.
Взял от сюда (сверху с лева меню выбора страны и города), следующий код:
Показать спойлер
<div class="NRG-vmenublock-body"><div class="NRG-vmenublockheader"><h3 class="t">Контакты</h3></div><div class="NRG-vmenublockcontent"><div class="NRG-vmenublockcontent-body"><script type="text/javascript" src="/js/chained.js"></script>
<script type="text/javascript" charset="utf-8">
jQuery(function(){
jQuery("input:checkbox, input:password, input:file, input:text, textarea, select").uniform();
});
</script>
<script type="text/javascript">
jQuery(function () {
jQuery("#dhtmlgoodies_country").change(function () {
getCityList(this);
}).change();
});
</script><div class="dv1"><div class="selector" id="uniform-dhtmlgoodies_country"><span>Россия</span><select class="sel" id="dhtmlgoodies_country" name="dhtmlgoodies_country" style="opacity: 0; "><option value="by">Беларусь</option><option selected="selected" value="ru">Россия</option><option value="kz">Казахстан</option><option value="kn">Китай</option></select></div></div><div class="dv2"><div class="selector" id="uniform-dhtmlgoodies_city"><span>Выберите Город</span><select class="sel" onchange="top.location.href = this.options[this.selectedIndex].value;" id="dhtmlgoodies_city" name="dhtmlgoodies_city" style="opacity: 0; "><option value="#">Выберите город</option><option value="abakan.html">Абакан</option><option value="artyom.html">Артём</option><option value="angarsk.html">Ангарск</option><option value="anjero-sudgensk.html">Анжеро-Судженск</option><option value="arhangelsk.html">Архангельск</option><option value="astraxan.html">Астрахань</option><option value="achinsk.html">Ачинск</option><option value="barnaul.html">Барнаул</option><option value="balakovo.html">Балаково</option><option value="belovo.html">Белово</option><option value="belogorsk.html">Белогорск</option><option value="belokurixa.html">Белокуриха</option><option value="berezniki.html">Березники</option><option value="berezovsky.html">Березовский</option><option value="biysk.html">Бийск</option><option value="blagoveshhensk.html">Благовещенск</option><option value="bratsk.html">Братск</option><option value="vladivostok.html">Владивосток</option><option value="vladimir.html">Владимир</option><option value="volgograd.html">Волгоград</option><option value="voronezh.html">Воронеж</option><option value="votkinsk.html">Воткинск</option><option value="gorno-altajsk.html">Горно-Алтайск</option><option value="ekaterinburg.html">Екатеринбург</option><option value="zabajkalsk.html">Забайкальск</option><option value="zarinsk.html">Заринск</option><option value="zlatoust.html">Златоуст</option><option value="izhevsk.html">Ижевск</option><option value="irkutsk.html">Иркутск</option><option value="iskitim.html">Искитим</option><option value="ishim.html">Ишим</option><option value="kazan.html">Казань</option><option value="kaluga.html">Калуга</option><option value="kamensk-uralskij.html">Каменск-Уральский</option><option value="kamen-na-obi.html">Камень-на-Оби</option><option value="kemerovo.html">Кемерово</option><option value="kiselevsk.html">Киселёвск</option><option value="komsomolsk-na-amure.html">Комсомольск-на-Амуре</option><option value="krasnodar.html">Краснодар</option><option value="krasnoyarsk.html">Красноярск</option><option value="kurgan.html">Курган</option><option value="kujbyshev.html">Куйбышев</option><option value="lensk-kuzneczkij.html">Ленинск-Кузнецкий</option><option value="lesosibirsk.html">Лесосибирск</option><option value="magnitogorsk.html">Магнитогорск</option><option value="mariinsk.html">Мариинск</option><option value="mezhdurechensk.html">Междуреченск</option><option value="miass.html">Миасс</option><option value="mirnyj.html">Мирный</option><option value="moskva.html">Москва</option><option value="naberezhnye-chelny.html">Набережные Челны</option><option value="naxodka.html">Находка</option><option value="neryungri.html">Нерюнгри</option><option value="nizhnij-novgorod.html">Нижний Новгород</option><option value="novoaltajsk.html">Новоалтайск</option><option value="novokuzneczk.html">Новокузнецк</option><option value="novokujbyshevsk.html">Новокуйбышевск</option><option value="novosibirsk.html">Новосибирск</option><option value="norilsk.html">Норильск</option><option value="omsk.html">Омск</option><option value="orenburg.html">Оренбург</option><option value="osinniki.html">Осинники</option><option value="perm.html">Пермь</option><option value="prokopevsk.html">Прокопьевск</option><option value="rostov-na-donu.html">Ростов-на-Дону </option><option value="rubczovsk.html">Рубцовск</option><option value="ryazan.html">Рязань</option><option value="sankt-peterburg.html">Санкт-Петербург</option><option value="samara.html">Самара</option><option value="saratov.html">Саратов</option><option value="slavgorod.html">Славгород</option><option value="sterlitamak.html">Стерлитамак</option><option value="surgut.html">Сургут</option><option value="syktyvkar.html">Сыктывкар</option><option value="tajga.html">Тайга</option><option value="tashtagol.html">Таштагол</option><option value="tver.html">Тверь</option><option value="tobolsk.html">Тобольск</option><option value="tolyatti.html">Тольятти</option><option value="tomsk.html">Томск</option><option value="troiczk.html">Троицк</option><option value="tula.html">Тула</option><option value="tulun.html">Тулун</option><option value="tyumen.html">Тюмень</option><option value="ulan-ude.html">Улан-удэ</option><option value="usole-sibirskoe.html">Усолье-Сибирское</option><option value="ussurijsk.html">Уссурийск</option><option value="ust-ilimsk.html">Усть-Илимск</option><option value="ust-kut.html">Усть-Кут</option><option value="ufa.html">Уфа</option><option value="xabarovsk.html">Хабаровск</option><option value="chajkovskij.html">Чайковский</option><option value="cheboksary.html">Чебоксары</option><option value="chelyabinsk.html">Челябинск</option><option value="chita.html">Чита</option><option value="shadrinsk.html">Шадринск</option><option value="engels.html">Энгельс</option><option value="yuzhno-saxalinsk.html">Южно-Сахалинск</option><option value="yurga.html">Юрга</option></select></div></div><div class="cleared"></div></div></div><div class="cleared"></div></div>
<script type="text/javascript" charset="utf-8">
jQuery(function(){
jQuery("input:checkbox, input:password, input:file, input:text, textarea, select").uniform();
});
</script>
<script type="text/javascript">
jQuery(function () {
jQuery("#dhtmlgoodies_country").change(function () {
getCityList(this);
}).change();
});
</script><div class="dv1"><div class="selector" id="uniform-dhtmlgoodies_country"><span>Россия</span><select class="sel" id="dhtmlgoodies_country" name="dhtmlgoodies_country" style="opacity: 0; "><option value="by">Беларусь</option><option selected="selected" value="ru">Россия</option><option value="kz">Казахстан</option><option value="kn">Китай</option></select></div></div><div class="dv2"><div class="selector" id="uniform-dhtmlgoodies_city"><span>Выберите Город</span><select class="sel" onchange="top.location.href = this.options[this.selectedIndex].value;" id="dhtmlgoodies_city" name="dhtmlgoodies_city" style="opacity: 0; "><option value="#">Выберите город</option><option value="abakan.html">Абакан</option><option value="artyom.html">Артём</option><option value="angarsk.html">Ангарск</option><option value="anjero-sudgensk.html">Анжеро-Судженск</option><option value="arhangelsk.html">Архангельск</option><option value="astraxan.html">Астрахань</option><option value="achinsk.html">Ачинск</option><option value="barnaul.html">Барнаул</option><option value="balakovo.html">Балаково</option><option value="belovo.html">Белово</option><option value="belogorsk.html">Белогорск</option><option value="belokurixa.html">Белокуриха</option><option value="berezniki.html">Березники</option><option value="berezovsky.html">Березовский</option><option value="biysk.html">Бийск</option><option value="blagoveshhensk.html">Благовещенск</option><option value="bratsk.html">Братск</option><option value="vladivostok.html">Владивосток</option><option value="vladimir.html">Владимир</option><option value="volgograd.html">Волгоград</option><option value="voronezh.html">Воронеж</option><option value="votkinsk.html">Воткинск</option><option value="gorno-altajsk.html">Горно-Алтайск</option><option value="ekaterinburg.html">Екатеринбург</option><option value="zabajkalsk.html">Забайкальск</option><option value="zarinsk.html">Заринск</option><option value="zlatoust.html">Златоуст</option><option value="izhevsk.html">Ижевск</option><option value="irkutsk.html">Иркутск</option><option value="iskitim.html">Искитим</option><option value="ishim.html">Ишим</option><option value="kazan.html">Казань</option><option value="kaluga.html">Калуга</option><option value="kamensk-uralskij.html">Каменск-Уральский</option><option value="kamen-na-obi.html">Камень-на-Оби</option><option value="kemerovo.html">Кемерово</option><option value="kiselevsk.html">Киселёвск</option><option value="komsomolsk-na-amure.html">Комсомольск-на-Амуре</option><option value="krasnodar.html">Краснодар</option><option value="krasnoyarsk.html">Красноярск</option><option value="kurgan.html">Курган</option><option value="kujbyshev.html">Куйбышев</option><option value="lensk-kuzneczkij.html">Ленинск-Кузнецкий</option><option value="lesosibirsk.html">Лесосибирск</option><option value="magnitogorsk.html">Магнитогорск</option><option value="mariinsk.html">Мариинск</option><option value="mezhdurechensk.html">Междуреченск</option><option value="miass.html">Миасс</option><option value="mirnyj.html">Мирный</option><option value="moskva.html">Москва</option><option value="naberezhnye-chelny.html">Набережные Челны</option><option value="naxodka.html">Находка</option><option value="neryungri.html">Нерюнгри</option><option value="nizhnij-novgorod.html">Нижний Новгород</option><option value="novoaltajsk.html">Новоалтайск</option><option value="novokuzneczk.html">Новокузнецк</option><option value="novokujbyshevsk.html">Новокуйбышевск</option><option value="novosibirsk.html">Новосибирск</option><option value="norilsk.html">Норильск</option><option value="omsk.html">Омск</option><option value="orenburg.html">Оренбург</option><option value="osinniki.html">Осинники</option><option value="perm.html">Пермь</option><option value="prokopevsk.html">Прокопьевск</option><option value="rostov-na-donu.html">Ростов-на-Дону </option><option value="rubczovsk.html">Рубцовск</option><option value="ryazan.html">Рязань</option><option value="sankt-peterburg.html">Санкт-Петербург</option><option value="samara.html">Самара</option><option value="saratov.html">Саратов</option><option value="slavgorod.html">Славгород</option><option value="sterlitamak.html">Стерлитамак</option><option value="surgut.html">Сургут</option><option value="syktyvkar.html">Сыктывкар</option><option value="tajga.html">Тайга</option><option value="tashtagol.html">Таштагол</option><option value="tver.html">Тверь</option><option value="tobolsk.html">Тобольск</option><option value="tolyatti.html">Тольятти</option><option value="tomsk.html">Томск</option><option value="troiczk.html">Троицк</option><option value="tula.html">Тула</option><option value="tulun.html">Тулун</option><option value="tyumen.html">Тюмень</option><option value="ulan-ude.html">Улан-удэ</option><option value="usole-sibirskoe.html">Усолье-Сибирское</option><option value="ussurijsk.html">Уссурийск</option><option value="ust-ilimsk.html">Усть-Илимск</option><option value="ust-kut.html">Усть-Кут</option><option value="ufa.html">Уфа</option><option value="xabarovsk.html">Хабаровск</option><option value="chajkovskij.html">Чайковский</option><option value="cheboksary.html">Чебоксары</option><option value="chelyabinsk.html">Челябинск</option><option value="chita.html">Чита</option><option value="shadrinsk.html">Шадринск</option><option value="engels.html">Энгельс</option><option value="yuzhno-saxalinsk.html">Южно-Сахалинск</option><option value="yurga.html">Юрга</option></select></div></div><div class="cleared"></div></div></div><div class="cleared"></div></div>
Показать спойлер
Смотрите что получилось (снизу страницы) - не работающее меню (точнее меню не выпадает с названием элементов меню).
То что это всего лишь менюшка, и страницы для элементов не созданы- то понятно, почему сама менюшка не работает?
Что делаю не так?
Ищите что еще не скопировали или скопировали не так.