Jump to content
  • 0

Как передать ссылке a элемент из ajax tab


alexqq
 Share

Question

Проблема такова: у меня есть галерея...5 категорий,я подумал что 5 почти одинаковых страниц создавать это будет тупо...

и решил использовать табы ajax...У меня на главной странице сайта,есть анимационное меню 5 ссылок(перенаправлять на каждую категорию галереи)...Как мне передать в (a href="") каждую категорию таба?

Edited by alexqq
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

как хотите, все зависит от того как реализовано все это: можно через # или использовать target, id, data можно вообще для этого не использовать href, но без кода разговаривать нет смысла

Link to comment
Share on other sites

  • 0

 

как хотите, все зависит от того как реализовано все это: можно через # или использовать target, id, data можно вообще для этого не использовать href, но без кода разговаривать нет смысла

 <!-- меню с вкладками -->
    <div class="galery_tabs">
        <ul id="menu_galery">
            <li id="goods" class="tab_active" onclick="tab(this);" >Товар</li>
            <li id="descr" onclick="tab(this);">Описание</li>
            <li id="foto" onclick="tab(this);">Фотография</li>
            <li id="price" onclick="tab(this);">Цена</li>
            <li id="shops" onclick="tab(this);">Где купить</li>
        </ul>
     <!-- контейнер со страницами -->
        <div id="container">
            <div id="goods_content" class="tab_content visible"><?php include('galery1.html');?></div>
            <div id="price_content" class="tab_content"></div>
            <div id="shops_content" class="tab_content"></div>
            <div id="descr_content" class="tab_content"></div>
            <div id="foto_content" class="tab_content"></div>
        </div>
    </div>
меню в которое и надо передать значение с табов
<ul class="ca-menu ">
                    <li>
                        <a href="#first">
                            <span class="ca-icon">ДОМА</span>
                            <div class="ca-content">
                                <h2 class="ca-main">ДОМА</h2>
                           
                            </div>
                        </a>                   
                    </li>
                    <li>
                        <a href="galery.html">
                            <span class="ca-icon">ВСЕ ДЛЯ САДА</span>
                            <div class="ca-content">
                                <h2 class="ca-main">ВСЕ ДЛЯ САДА</h2>
                         
                            </div>
                        </a>                   
                    </li>
                    <li>
                        <a href="galery.html">
                            <span class="ca-icon">ДЕТСКИЕ ПЛОЩАДКИ</span>
                            <div class="ca-content">
                                <h2 class="ca-main">ДЕТСКИЕ ПЛОЩАДКИ</h2>
                               
                            </div>
                        </a>                    
                    </li>
                    <li>
                        <a href="galery.html">
                            <span class="ca-icon">ДРУГОЕ</span>
                            <div class="ca-content">
                                <h2 class="ca-main">ДРУГОЕ</h2>
                             
                            </div>
                        </a>  
                    </li>
    </ul>
        <div class="footer_main">
 
Link to comment
Share on other sites

  • 0

а цель какая? я так понимаю, вы хотите, чтобы если открыли какую-то вкладку, то при переходе на какой-то другой странице она была открыта

тут думаю через проверку адресной строки можно сделать

свяжите все на вроде такого:

<div id="goods_content" class="tab_content visible"><?php include('goods.html');?></div>

в адресе находите goods - делаете активным вкладку <li id="goods" class="tab_active" onclick="tab(this);" >Товар</li>

можно использовать ключ #goods, но это как-то тафтологично...

 

меню в которое и надо передать значение с табов я так понимаю у вас из файла galery1.html

Edited by Switch74
Link to comment
Share on other sites

  • 0

а цель какая? я так понимаю, вы хотите, чтобы если открыли какую-то вкладку, то при переходе на какой-то другой странице она была открыта

тут думаю через проверку адресной строки можно сделать

свяжите все на вроде такого:

<div id="goods_content" class="tab_content visible"><?php include('goods.html');?></div>

в адресе находите goods - делаете активным вкладку <li id="goods" class="tab_active" onclick="tab(this);" >Товар</li>

можно использовать ключ #goods, но это как-то тафтологично...

 

меню в которое и надо передать значение с табов я так понимаю у вас из файла galery1.html

 

 

Есть сайт: http://skazochniy-domik.ru/ (пока еще не доработан) Зайдя увидите слева 4 кружочка (4 ссылочки a href="#")

В Меню есть пункт Проекты там есть 4 ссылочки я их хочу сделать переход по ним через табы..

И хочу получать доступ с кружочков на на главной странице,на поределенную страницу таба

Т.е я нажал на Все для сада,оно мне открыло 2 страничку таба..

Edited by alexqq
Link to comment
Share on other sites

  • 0

ну тогда я бы сделал на главной странице ссылки в 4 кружочках на http://skazochniy-domik.ru/galery.php с ключем после # так же как у вас сделано на самой странице http://skazochniy-domik.ru/galery.php

при заходе на эту страницу у вас должен отработать скрипт, который будет смотреть что у вас передается в хэшэ window.location.hash

в вашем случае, если он равен second, то мы открываем таб Все для сада.

Edited by Switch74
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy