Сделать вкладку активной при загрузке страницы

[kkolorid]

Добрый день. Есть страница: sspromo.ru/ticket.php ,тело которой сделано из вкладок, которые открывают части стр... При первом попадании на страницу открывается первая вкладка.

Мне нужно сделать что бы ссылка в верхней основной навигации "О нас" вела на страницу ticket.php, при этом открывалась вкладка CONTACT.

Ссылки у вкладах по типу #tab-1. Делаю такие ссылки в каком то другом месте - ни чего не работает. Возможно будет какое то решение с использованием GET ссылки. Но не могу найти место, где выставить код для вкладки, открывающеюся по умолчанию. Заранее спасибо за помощь.

[ruslan_mart]

var hash = window.location.hash;
if(hash.indexOf('tab') > 0) {
    var tabID = /tab-(\d+)/.exec(hash).pop();
    document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
}

А если так?

[kkolorid]

var hash = window.location.hash;
if(hash.indexOf('tab') > 0) {
    var tabID = /tab-(\d+)/.exec(hash).pop();
    document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
}

А куда сувать, простите? Просто скриптом на страницу? А потом что? Ссылка из навигации должна заработать? Или что?

Просто скрипт на стр поставил. Не пашет. Все так же думает, что это обычный якорь. И пишет его в адресную строку...

[ruslan_mart]

kkolorid, поставьте в конец страницы. Или оберните в window.addEventListener('load', function() { код });

А потом что? Ссылка из навигации должна заработать? Или что?

Верно. Ссылки типа:
http://sspromo.ru/ticket.php#tab-1
http://sspromo.ru/ticket.php#tab-2
http://sspromo.ru/ticket.php#tab-3

[kkolorid]

kkolorid, поставьте в конец страницы. Или оберните в window.addEventListener('load', function() { код });


Верно. Ссылки типа:
http://sspromo.ru/ticket.php#tab-1
http://sspromo.ru/ticket.php#tab-2
http://sspromo.ru/ticket.php#tab-3

Обернул в window.addEventListener и все получилось. При переходе с других страниц действительно открывается нужная вкладка. Но если я уже нахожусь на странице tickets.php - не работает. Только если обновить страницу с якорем в адресе.

[ruslan_mart]

Попробуйте у себя стереть три последних строчки.

// --------- 5. TESTIMONIAL ----------  //

$('#qcTestimonial p').html($('#qcTestimonialList li a.active').attr('data-content'));
$('#qcTestimonial cite').html('- ' + $('#qcTestimonialList li a.active').attr('data-cite'));
$('#qcTestimonialList li a').hover(function() {
	$('#qcTestimonialList li a.active').removeAttr('class');
	$(this).addClass('active');
	$('#qcTestimonial p').html($(this).attr('data-content'));
	$('#qcTestimonial cite').html('- ' + $(this).attr('data-cite'));
});
$('#qcTestimonialList li a').click(function() {
	return false;
});

[kkolorid]

// --------- 5. TESTIMONIAL ----------  //

$('#qcTestimonial p').html($('#qcTestimonialList li a.active').attr('data-content'));
$('#qcTestimonial cite').html('- ' + $('#qcTestimonialList li a.active').attr('data-cite'));
$('#qcTestimonialList li a').hover(function() {
	$('#qcTestimonialList li a.active').removeAttr('class');
	$(this).addClass('active');
	$('#qcTestimonial p').html($(this).attr('data-content'));
	$('#qcTestimonial cite').html('- ' + $(this).attr('data-cite'));
});
$('#qcTestimonialList li a').click(function() {
	return false;
});

Стер. Все так же :/

[ruslan_mart]

Ну тогда добавь в мой код:

$('#qcTabNav').on('click', 'a', function() {
    window.location.hash = this.hash;
});

[kkolorid]

$('#qcTabNav').on('click', 'a', function() {
    window.location.hash = this.hash;
});

А куда именно? Под условие?

window.addEventListener('load', function() {
var hash = window.location.hash;

if(hash.indexOf('tab') > 0) {

    var tabID = /tab-(\d+)/.exec(hash).pop();

    document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
	
	$('#qcTabNav').on('click', 'a', function() {
    window.location.hash = this.hash;
});

}


});

Вот так не работает... Может сделать просто что бы стр обновлялась?

[ruslan_mart]

$(function() {
    var hash = window.location.hash;
    if(hash.indexOf('tab') > 0) {
        var tabID = /tab-(\d+)/.exec(hash).pop();
        document.querySelectorAll('#qcTabNav a')[tabID - 1].click();
    }
    $('#qcTabNav').on('click', 'a', function() {
        window.location.hash = this.hash;
    });
});

Вот всё целиком.