Как перейти извне на вкладку страницы?

dag
На сайте с 10.02.2007
Offline
197
dag
575

Добрый день!

Намедни обнаружил симпатичный для меня и бесплатный шаблон сайта - визитки. Скачал, разбираюсь.

Вот ссылка на демку

Все просто чудесно для меня и моей цели (визитка), но вот загадка - а как потом давать ссылки на "страницы-вкладки" ТАКОГО сайта? Ну например на стороннем форуме нужно разместить ссылку именно на информацию "About me". И как это сделать? В исходном шаблоне за это отвечает

// global. currently active menu item
var current_item = 0;

// few settings
var section_hide_time = 1300;
var section_show_time = 1300;

// jQuery stuff
jQuery(document).ready(function($) {

// Switch section
$("a", '.mainmenu').click(function()
{
if( ! $(this).hasClass('active') ) {
current_item = this;
// close all visible divs with the class of .section
$('.section:visible').fadeOut( section_hide_time, function() {
$('a', '.mainmenu').removeClass( 'active' );
$(current_item).addClass( 'active' );
var new_section = $( $(current_item).attr('href') );
new_section.fadeIn( section_show_time );
} );
}
return false;
});
});
Спасибо заранее, что то сам совсем туплю :(
Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

Его надо маленько дорабатывать, чтобы обрабатывались hash в URL, т.е. чтобы ссылки вида

http://www.gettemplate.com/demo/magister/#about

работали при открытии страницы

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
dag
На сайте с 10.02.2007
Offline
197
dag
#2

да я и сам (уже тут написав) пытался разобраться,,, оказывается в приведенном мной примере нет ничего оригинального, этот кусок кода легко гуглится, в том числе люди и о "hash в URL", правда пока так и не понимаю ((( как это сделать...

infant
На сайте с 15.03.2008
Offline
163
#3

dag,

1. на JS получаете значение хештега из URL (по сути это ID таба)

2. находите таб по его ID и выполняете для show , для остальных табов hide

профит

дани мапов
На сайте с 06.09.2012
Offline
204
#4


// global. currently active menu item
var current_item = 0;

// few settings
var section_hide_time = 1300;
var section_show_time = 1300;

// jQuery stuff
jQuery(document).ready(function($) {

// Switch section
$("a", '.mainmenu').click(function()
{
if( ! $(this).hasClass('active') ) {
current_item = this;
// close all visible divs with the class of .section
$('.section:visible').fadeOut( section_hide_time, function() {
$('a', '.mainmenu').removeClass( 'active' );
$(current_item).addClass( 'active' );
var new_section = $( $(current_item).attr('href') );
new_section.fadeIn( section_show_time );
} );
}
return false;
});
if (window.location.hash.length) {
$("nav.mainmenu").find("a[href='" + window.location.hash + "']").trigger("click");
}
});
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
dag
На сайте с 10.02.2007
Offline
197
dag
#5

дани мапов, не работает Ваш вариант (((

дани мапов
На сайте с 06.09.2012
Offline
204
#6
dag:
дани мапов, не работает Ваш вариант (((

Я пробовал, у меня работало. Дайте адрес сайта.

dag
На сайте с 10.02.2007
Offline
197
dag
#7

да нет еще никакого сайта, это же я тут увидел любопытное, и пытаюсь разобраться...


прошу прощения
, Ваш способ действительно работает!!!

только вопрос, а почему нельзя сразу переключить вкладки в if (window.location.hash.length) {, зачем делать так, как будто был "click" по меню?

дани мапов
На сайте с 06.09.2012
Offline
204
#8
dag:
да нет еще никакого сайта, это же я тут увидел любопытное, и пытаюсь разобраться...

прошу прощения
, Ваш способ действительно работает!!!

только вопрос, а почему нельзя сразу переключить вкладки в if (window.location.hash.length) {, зачем делать так, как будто был "click" по меню?

Ну можно и так, просто если есть готовый код - почему его не использовать?

PN
На сайте с 22.08.2012
Offline
103
#9
dag:
а почему нельзя сразу переключить вкладки в if (window.location.hash.length) {, зачем делать так, как будто был "click" по меню?

разбирайте строку URL, получаете якорь, активируете нужную вкладку:)

Мой совет помог? Не скупись! Bitcoin 1Lseddet1o1B6odgXQHbGaWGwRkt1Db8Ef Ethereum 0x450f1a17461e25194B7F9226cDEe70173F39e1e1

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий