Перейти к публикации
blact

DataLife Engine Помогите отредактировать скрипт

Рекомендованные сообщения

blact

Здравствуйте!

 

Есть скрипт табов на ajax , вот только табы он читает вот так

 

<ul class="mytabs" id="tabs">
<li class="current"><a href="./tabs/tab-1.html">Вкладка 1</a></li>
<li><a href="./tabs/tab-2.html">Вкладка 2</a></li>
<li><a href="./tabs/tab-3.html">Вкладка 3</a></li>
</ul>

<div class="mytabs-container" id="tabs-container">			 Загрузка. Пожалуйста подождите...		 </div>

То есть нужно код для отображение в html файле держать, подскажите как исправить что бы прописать не ./tabs/tab-2.html , а javascript:// , и без html , табы переходили, то есть вот так

 

<ul class="mytabs" id="tabs">
			<li class="current"><a href="javascript://">фывфывфыв</a></li>
			<li><a href="javascript://">фывфыв</a></li>
			<li><a href="javascript://">фывфывыв</a></li>
		</ul>
<div class="mytabs-container" id="tabs-container">			 Загрузка. Пожалуйста подождите...		 </div>
<div class="mytabs-container" id="tabs-container">			 Загрузка. Пожалуйста подождите...		 </div>
<div class="mytabs-container" id="tabs-container">			 Загрузка. Пожалуйста подождите...		 </div>

И открывало по клику табы. Заранее спасибо.

Вот скрипт табов

 

<script>
var containerId = '#tabs-container';
var tabsId = '#tabs';

$(document).ready(function(){
	// Preload tab on page load
	if($(tabsId + ' LI.current A').length > 0){
		loadTab($(tabsId + ' LI.current A'));
	}

	$(tabsId + ' A').click(function(){
		if($(this).parent().hasClass('current')){ return false; }

		$(tabsId + ' LI.current').removeClass('current');
		$(this).parent().addClass('current');

		loadTab($(this));		
		return false;
	});
});
function loadTab(tabObj){
	if(!tabObj || !tabObj.length){ return; }
	$(containerId).addClass('loading');
	$(containerId).fadeOut('fast');

	$(containerId).load(tabObj.attr('href'), function(){
		$(containerId).removeClass('loading');
		$(containerId).fadeIn('fast');
	});
}
</script>
Изменено пользователем WooFi
Стиль удалён. Сообщение поправлено

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
WooFi

Ё-ё.... читать два часа... Сейчас сброшу весь стиль сообщения.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey
@blact, вы хотя бы редактор отключили, вставили, затем снова включили (выключатель возле ластика)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

@blact, вы хотя бы редактор отключили, вставили, затем снова включили (выключатель возле ластика)

 

Не получилось, отредактируйте пожалуйста.Заранее спасибо

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

@blact, Тут, знаешь, сколько париться... https://nevex.pw/public/style_emoticons/default/yazik.gif

Я сказал как вставить. Или воспользуйся этой кнопкой Изображение

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
WooFi

Проверить, так ли отредактировал.

 

2. Аналоги табов не пробовали, на сайте вроде есть, или именно эти нужны?

 

Andrey, Блокнот в помощь, функция замена на пустоту =) Я уже отредактировал

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

Проверить, так ли отредактировал.

 

2. Аналоги табов не пробовали, на сайте вроде есть, или именно эти нужны?

 

Andrey, Блокнот в помощь, функция замена на пустоту =) Я уже отредактировал

 

Спасибо за правку, да желательно эти табы на ajax

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Поставьте скрипт табов без ajax. Какие проблемы?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

Поставьте скрипт табов без ajax. Какие проблемы?

 

дак на ajax хочется, еффект перехода нравится...Вот например как у вас в настройках профиля, идет же на ajax? еффект перехода классный, и по #personalization и т.д вот такое мне надо..

Изменено пользователем blact

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

вот типа такого http://www.linkexchanger.su/2008/24.html , только я там не могу найти js файлы

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
WooFi

Мог бы тот отредактировать, но я в скриптах не очень. Только так, для себя методом ошибок, что может быть и не валидным кодом.

 

 

вот типа такого http://www.linkexcha...su/2008/24.html , только я там не могу найти js файлы

 

jquery-1.2.1.js

ui.tabs.js

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

Мог бы тот отредактировать, но я в скриптах не очень. Только так, для себя методом ошибок, что может быть и не валидным кодом.

 

 

 

вот типа такого http://www.linkexcha...su/2008/24.html , только я там не могу найти js файлы

 

jquery-1.2.1.js

ui.tabs.js

 

Спасибо, только что проверил но не работает,может быть где то конфликт, но <script>

var containerId = '#tabs-container';

var tabsId = '#tabs';

 

$(document).ready(function(){

// Preload tab on page load

if($(tabsId + ' LI.current A').length > 0){

loadTab($(tabsId + ' LI.current A'));

}

 

$(tabsId + ' A').click(function(){

if($(this).parent().hasClass('current')){ return false; }

 

$(tabsId + ' LI.current').removeClass('current');

$(this).parent().addClass('current');

 

loadTab($(this));

return false;

});

});

function loadTab(tabObj){

if(!tabObj || !tabObj.length){ return; }

$(containerId).addClass('loading');

$(containerId).fadeOut('fast');

 

$(containerId).load(tabObj.attr('href'), function(){

$(containerId).removeClass('loading');

$(containerId).fadeIn('fast');

});

}

</script>

этот скрипт работает же,нада тут три строчки подправить и все..

 

Вот кстати нашел кусок кода такого как мне нада, только как его внедрить в то что выше

 

 

$(function() {

var h3 = $('.ptabs_container').height();

var h3 = h3 - 60;

$('#block_r_in').css('minHeight',h3 + 'px');

$('.p_user_list dl:nth-child(2n+1)').addClass('odd');

$('.pmCatLink').removeAttr('target');

});

 

 

(function($) {

$(function() {

$('ul.ptabs li').click(function() {

if($(this).hasClass('current')) return;

var index = $('li', $(this).parent()).removeClass('current').index(this);

$(this).addClass('current').parents('div#container_wrap').find('div.ptabs_container').hide().eq(index).fadeIn(350);

});

});

})(jQuery);

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
blact

Закройте тему, уже сам переделал.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...