Где можно достать следующий скриптик?

как вариант - http://docs.jquery.com/UI/Tabs

ггг а что нибудь более по русски? :))

К сожалению, а может быть к счастью, все языки программирования не на русском, разве что для 1С. Я Вам привёл один из примеров реализации, раз Вы сами не захотели искать. Так и быть, научу ещё пользоваться поисковиками: Google

А два блока с display:none и display:block + примитивный скрипт document.getElementById('..').style.display='none' - это уже не модно?

Спасибо очень помогло, просто не знал что нужно было искать :) теперь в курсе что это jquery tabs

Только тпереь столкнулся со следующей проблемкой скрипт стоит на этой страничке vp.donetsk.ua/index2.php , все классно, только иногда при клике на ссылку фокус страницы уходит вверху, непонятно почему

Может ктото подскажет в чем проблема?

alexpnet добавил 02.06.2010 в 13:23

на странице стоит 2 ява скрипта и конфликтуют друг с другом

вот скрипт баннерной сети

<script type="text/javascript">

 if(typeof jQuery!='undefined') {

   } else {

      document.write('<script type=\"text\/javascript\" language=\"javascript" src=\"http://easy-host.biz.ua/banners/banner_sys.js\"></sc'+'ript>');

   }</script>

<script type="text/javascript">

var site_id7920 = 'bf2de81165972eacf92491e110a7b593';

var out_id7920 = 'id_7920';

jQuery(document).ready(function() {      var url7920 = 'http://easy-host.biz.ua/banners/1.php?site_id='+site_id7920+'&callback=?';

    jQuery.noConflict();

    jQuery.getJSON(url7920,

        function(data7920){

        var banner_html7920 = '<a href="'+data7920.href+'" target="_blank">'+data7920.text+'</a>';

        jQuery('#'+out_id7920).html(banner_html7920);      

    });

  });

</script>

<div  id="id_7920"> </div>

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

<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

    var tabContainers = $('div.tabs > div'); // получаем массив контейнеров

    tabContainers.hide().filter(':first').show(); // прячем все, кроме первого

    // далее обрабатывается клик по вкладке

    $('div.tabs ul.tabNavigation a').click(function () {

        tabContainers.hide(); // прячем все табы

        tabContainers.filter(this.hash).show(); // показываем содержимое текущего

        $('div.tabs ul.tabNavigation a').removeClass('selected'); // у всех убираем класс 'selected'

        $(this).addClass('selected'); // текушей вкладке добавляем класс 'selected'

        return false;

    }).filter(':first').click();

});

</script>

подскажите как убрать конфликт между двумя скриптами

В первом есть строка

jQuery.noConflict();

Это значит, что во втором вместо знака $ нужно использовать jQuery

То есть

$('div.tabs ul.tabNavigation a').click(function () {

нужно заменить на

jQuery('div.tabs ul.tabNavigation a').click(function () {

и так во всех местах, где это встречается.

Или обратный ход - убрать jQuery.noConflict(); из первого скрипта и все вхождения jQuery заменить на $

Второй способ будет работать только если кроме jQuery не используется других фреймворков - prototype, mootols etc