Форум: Тег select, применимо к конкретной ситуации

Просмотр темы

PHP-Fusion Russia » Веб-разработка » HTML и CSS

Тег select, применимо к конкретной ситуации
Markant	#1 Опубликовано 10.01.2014 13:54
Начинающий Сообщений: 23 Зарегистрирован: 29.08.2011 22:18	Здравствуйте! Имею в наличии спортивный сайт, где нужно отображать с помощью селекта несколько турнирных таблиц (не более 2-3) Подскажите, как это сделать. Для примера - http://fc-zenit.ru/main/ (см. аттач) Markant присоединено следующее:изображение:


dark	#2 Опубликовано 10.01.2014 14:16
Администратор Группа поддержки Сообщений: 222 Зарегистрирован: 05.12.2010 22:22	На указанном сайте это сделано не только select'ом, но и java-script'ом. Ну а как реализовать - можно просто посмотреть в коде с указанного сайта.


Markant	#3 Опубликовано 10.01.2014 15:44
Начинающий Сообщений: 23 Зарегистрирован: 29.08.2011 22:18	dark написал: На указанном сайте это сделано не только select'ом, но и java-script'ом. Ну а как реализовать - можно просто посмотреть в коде с указанного сайта. Некорректно поставил вопрос, согласен. Именно скрипт и интересен.


Rush	#4 Опубликовано 10.01.2014 15:59
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	ctrl+u епт Объединено 10.01.2014 18:00: банальные табы, только с управление из селекта Объединено 10.01.2014 18:06: Код <select id="select"> <option name="tab1">tab1</option> .... </select> <div id="tabs"> <div data-tab="tab1" style="display:none;">content</div> ..... </div> <script> $(document).ready(function(){ $('#select').on('change',function(e){ e.preventDefault(); var tab = $('#tabs').find('div[data-tab='+$(this).val()+']'); if (tab.length) { $('#tabs').find('div').css('display','none'); $('#tabs').find('div[data-tab='+$(this).val()+']).css('display','block'); } else console.log('error'); }); }); </script> Изменил(а) Rush, 10.01.2014 16:06 AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	x1
	Web

Markant	#5 Опубликовано 12.01.2014 20:57
Начинающий Сообщений: 23 Зарегистрирован: 29.08.2011 22:18	Rush, спасибо большое, буду пробовать!!!


Polarfox	#6 Опубликовано 12.01.2014 21:44
Администратор Разработчики Группа поддержки Сообщений: 3384 Зарегистрирован: 20.08.2010 14:03	*Оффтопик* Rush, console закреплена в js для всех браузеров? Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Markant	#7 Опубликовано 13.01.2014 12:01
Начинающий Сообщений: 23 Зарегистрирован: 29.08.2011 22:18	Markant написал: Rush, спасибо большое, буду пробовать!!! Не выходит. Одну ошибку Dreamviewer нашел в синтаксисе, я поправил. но все равно увы( Объединено 14.01.2014 18:00: Код <select id="select"> <option name="tab1">Кубок Кировска</option> <option name="tab2">Чемпионат района</option> </select> <div id="tabs"> <div data-tab="tabs1" style="display:none;">1</div> <div data-tab="tabs2" style="display:none;">2</div> </div> <script> $(document).ready(function(){ $('#select').on('change',function(e){ e.preventDefault(); var tab = $('#tabs').find('div[data-tab='+$(this).val()+']'); if (tab.length) { $('#tabs').find('div').css('display','none'); $('#tabs').find('div[data-tab='+$(this).val()+']').css('display','block'); } else console.log('error'); }); }); </script> Где ошибка? Может jquery какие то особенные подключать надо? Изменил(а) Markant, 14.01.2014 18:02


spiker	#8 Опубликовано 16.01.2014 08:36
Опытный пользователь Сообщений: 215 Зарегистрирован: 26.08.2010 08:49	:) у "option" не может быть "name". "Погоняло" назначается SELECT'у Вот как надо Код `<select id="select" name="name"> <option>--выбрать--</option> <option value="tabs1">Кубок Кировска</option> <option value="tabs2">Чемпионат района</option> </select>`

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Перейти на форум:

Темы	Форум	Ответов / Просмотров	Последние сообщения
Проблема Ajax подгрузки select в internet explorer →	Javascript, ajax, jquery	7 / 9577	12.02.2016 20:04
Как скрыть пустой тег метаключей с помощью плагина SEO-friend →	Плагины	6 / 12415	13.03.2015 13:18
Выбрать html-тег согласно уровням вложенности →	Javascript, ajax, jquery	5 / 4456	26.10.2014 09:26
Меню <select></select> и переменная... →	PHP	3 / 2388	04.01.2014 14:56
Что бы вы делали в такой ситуации? →	Флуд	14 / 2859	22.05.2013 15:44
Панель на конкретной странице →	Вопросы новичков	10 / 2528	08.04.2013 08:25