Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 24.11.2010, 10:19
Интересующийся
Отправить личное сообщение для dolphin_al Посмотреть профиль Найти все сообщения от dolphin_al
 
Регистрация: 24.11.2010
Сообщений: 10

Сообщение от ksa Посмотреть сообщение
Где новый тестовый пример?
Я понял тебя про третий див

<ul class="main_tabs">
    <li class="main_news_section1">
        <a href="#tab1">LINK_TEXT</a>
        <div id="tab1" class="tab_content">
            <span>DATE</span><br>
            TEXT
        </div>
    </li>
    <li class="main_news_section2">
        <a href="#tab2">LINK_TEXT</a>
        <div id="tab2" class="tab_content">
            <span>DATE</span><br>
            TEXT
        </div>
    </li>
    <li class="main_news_section3">
        <a href="#tab3">LINK_TEXT</a>
        <div id="tab3" class="tab_content">
            <span>DATE</span><br>
            TEXT
        </div>
    </li>
</ul>

А внутри дивов с уникальными id выводим уже сколь хочешь дивов. Это понятно на наведение мыши работает один соответсвующий див внутри которого еще сколь угодно блоков.

Так не пойдет мне надо имено два раздельных дива показать независимых вообще (не один в другом и так далее), посмотри Html первый.

$(document).ready(function() {
    $(".tab_content").hide(); 
    $(".tab_content:first").show();
        

    $("ul.main_tabs li").mouseover(function() {
        	var activeTab = $(this).find("a").attr("href"); 
            $(".tab_content").hide();
            $(activeTab).fadeIn(0);
            return false;
    });

        
});


в этом коде строка var activeTab = $(this).find("a").attr("href"); задает в переменную activeTab значение href ссылки внутри ul.main_tabs li ? я же правильно понимаю ?
Ответить с цитированием
  #12 (permalink)  
Старый 24.11.2010, 10:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от dolphin_al
строка var activeTab = $(this).find("a").attr("href"); задает в переменную activeTab значение href ссылки внутри ul.main_tabs li ? я же правильно понимаю ?
Да.
Там и хранят ИД нужного элемента. Но у тебя тех же id="tab3" как минимум 2!

<div id="tab3" class="tab_content"> 
    <img src="image3" border="0" alt="" title=""  /> 
</div>

и
<div id="tab3" class="tab_content"> 
   <span>DATE</span><br> 
   TEXT 
</div>
Ответить с цитированием
  #13 (permalink)  
Старый 24.11.2010, 11:08
Интересующийся
Отправить личное сообщение для dolphin_al Посмотреть профиль Найти все сообщения от dolphin_al
 
Регистрация: 24.11.2010
Сообщений: 10

Хорошо пусть будут последние блоки tab3 и tab6 (то есть всего шесть блоков, три пары), тогда как мне сделать открытие одновременно обоих блоков при наведении на ссылку <a href="#tab3">LINK_TEXT</a> ? может я неправильно как то рассказываю или это нереальная задача
Ответить с цитированием
  #14 (permalink)  
Старый 24.11.2010, 11:29
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от dolphin_al
пусть будут последние блоки tab3 и tab6
Если ты хочешь скрывать именно эти элементы при таком "раскладе" скрипта - такие ИД будут не удачным сочетанием...
Более лучший способ - tab3 и tab3_1. Или нечто в таком же духе... Намёк понятен?
Ответить с цитированием
  #15 (permalink)  
Старый 24.11.2010, 11:45
Интересующийся
Отправить личное сообщение для dolphin_al Посмотреть профиль Найти все сообщения от dolphin_al
 
Регистрация: 24.11.2010
Сообщений: 10

Сообщение от ksa Посмотреть сообщение
Если ты хочешь скрывать именно эти элементы
я хочу открывать эти элементы
Сообщение от ksa Посмотреть сообщение
при таком "раскладе" скрипта - такие ИД будут не удачным сочетанием...
какие варианты другого расклада?
Сообщение от ksa Посмотреть сообщение
Более лучший способ - tab3 и tab3_1. Или нечто в таком же духе... Намёк понятен?
Понятен, сделал у первых трех блоков ИД tab1, tab2, tab3 у следующих tab1_1, tab2_2, tab3_3 получилось что при загрузке страницы показан блок tab1, при наведении на ссылку с ИД tab1 появляется блок tab1_1 а tab1 скрывается и больше не появлется при переходах между ссылками. Получается что блоки tab2_2 и tab3_3 вообще не цепляются к ссылкам с ИД tab2 и tab3

Чувствую что скрипт надо переписать где то. но не могу сообразить как
Ответить с цитированием
  #16 (permalink)  
Старый 24.11.2010, 12:07
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от dolphin_al
какие варианты другого расклада?
Да их валом!
Сообщение от dolphin_al
блоки tab2_2 и tab3_3
Ты не правильно понял мой намёк про ИД...
ИД "вторых" элементов должно быть составны по следующему правилу

<ИД_первого_элемента><некая_приставка,_одинаковая_у_всех_участников>


Ты же "приставку" сделал у всех разную...
Ответить с цитированием
  #17 (permalink)  
Старый 24.11.2010, 12:37
Интересующийся
Отправить личное сообщение для dolphin_al Посмотреть профиль Найти все сообщения от dolphin_al
 
Регистрация: 24.11.2010
Сообщений: 10

В принципе все верно с ид такой код не прокатит.

помогли:
$(document).ready(function() {
        
            $(".tab_content").hide();
            $(".tab_content:first").show();
        
            $("ul.main_tabs li").mouseover(function() {
        		var activeTab = $(this).find("a").attr("href").substr(1);
                $(".tab_content").hide();
                $("."+activeTab).fadeIn(0);
                return false;
            });

        });


и дивы у меня получаются с классом tab_content tab1, tab_content tab2, tab_content tab3 все шесть
Ответить с цитированием
  #18 (permalink)  
Старый 24.11.2010, 13:11
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

dolphin_al, с классами ты явно перестарался... Закончить таки с ИД было бы посподручнее.
Ответить с цитированием
  #19 (permalink)  
Старый 24.11.2010, 13:23
Интересующийся
Отправить личное сообщение для dolphin_al Посмотреть профиль Найти все сообщения от dolphin_al
 
Регистрация: 24.11.2010
Сообщений: 10

Сообщение от ksa Посмотреть сообщение
dolphin_al, с классами ты явно перестарался... Закончить таки с ИД было бы посподручнее.
Да время поджимает уже как сделал так сделал все равно спасибо за помощь и терпение
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
mouseover, mouseout - не распространяется на дочерние элементы barmaley Events/DOM/Window 31 01.06.2017 08:52
Два блока Snipe Ваши сайты и скрипты 0 06.08.2008 21:20