Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 01.10.2014, 15:03   #1
papacoca
 
Аватар для papacoca
 
Регистрация: 06.01.2013
Сообщений: 7
Восклицание Переход по ссылке с якорем + активирация соответствующего таба в блоке.

Переход по ссылке с якорем + *активация соответствующего таба.
Получилось реализовать только с 2-ым блоком, чтобы перелистывать вкладки блока по метке: http://help-windows.net/test.html
С 1 блоком невыходит(

Код HTML:
<!-- ========== КОД 2 БЛОКА (вышло) ========== -->
		<script>
(function($) {
$(function() {

	$('ul.tabs').on('click', 'li:not(.current)', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
	})

	var tabIndex = window.location.hash.replace('#tab','')-1;
	if (tabIndex != -1) $('ul.tabs li').eq(tabIndex).click();

	$('a[href*=#tab]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#tab/, '')-1;
		$('ul.tabs li').eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
<a href="#tab1" onClick="document.location.href= '#metka4'">ПЕРЕХОД ПО 1 МЕТКЕ</a>
<a href="#tab2" onClick="document.location.href= '#metka5'">ПЕРЕХОД ПО 2 МЕТКЕ </a>
        <div id="tabbed-nav">
            <ul class="tabs">
                <li><a name="metka4">Удаленная компьютерная помощь</a></li>
                <li><a name="metka5">Установка Windows</a></li>
                <li><a>Установка антивируса, удаление вирусов</a></li>
                <li><a>Восстановление данных</a></li>
                <li><a>Сборка компьютеров</span></a></li>
				<li><a>Установка, настройка Wi-Fi</span></a></li>
            </ul>
        ....
<!-- ========== КОД 1 БЛОКА (невыходит) ========== -->
		<script>
(function($) {
$(function() {

	$('ul.option-set clearfix').on('click', 'li:not(.current)', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.tytevonebilo').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
	})

	var tabIndex = window.location.hash.replace('#taboo','')-1;
	if (tabIndex != -1) $('ul.option-set clearfix li').eq(tabIndex).click();

	$('a[href*=#taboo]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#taboo/, '')-1;
		$('ul.option-set clearfix li').eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
<a href="#taboo1" onClick="document.location.href= '#metka1'">ПЕРЕХОД ПО 1 МЕТКЕ</a>
<a href="#taboo2" onClick="document.location.href= '#metka2'">ПЕРЕХОД ПО 2 МЕТКЕ </a>
                                <div class="tytevonebilo">
                                <section id="options" class="clearfix">
                                    <ul id="filters" class="option-set clearfix" data-option-key="filter">
	<li><a href="#filter" data-option-value=".vse" class="selected boxShadow4 b1">Информация о компании и предоставляемых услугах</a></li>
	<li><a href="#filter" data-option-value=".virus" class="boxShadow4 b25" name="metka1">Установка антивируса, <br />удаление вирусов</a></li>
	<li><a href="#filter" data-option-value=".windows" class="boxShadow4 b25 b10">Установка Windows</a></li>
	<li><a href="#filter" data-option-value=".design" class="boxShadow4 b25" name="metka2">Удаленная (онлайн) <br />компьютерная помощь</a></li>
	<li><a href="#filter" data-option-value=".usl3" class="boxShadow4 b25">Установка, настройка Wi-Fi</a></li>
	<li><a href="#filter" data-option-value=".art" class="boxShadow4 b25">Сборка компьютеров</a></li>
	<li><a href="#filter" data-option-value=".vostan" class="boxShadow4 b25">Восстановление данных</a></li>
                                    </ul>
                                </section>
								</div>
http://zapravka-nadom.com.ua - Заправка картриджей лазерных принтеров

Последний раз редактировалось papacoca; 01.10.2014 в 15:36. Причина: Ошибка в заголовке
papacoca вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переход по ссылке strangegirlXX PHP 2 15.04.2012 12:45
Переход по ссылке методом GET romantik2011 PHP 3 06.09.2011 20:25
переход по ссылке shelest PHP 2 11.01.2011 23:12
Переход по ссылке в Webbrowser1 aesoem Работа с сетью в Delphi 6 15.07.2008 22:10