Несколько таблиц tabs на странице

Тема в разделе "JavaScript", создана пользователем palbanec, 24 май 2012.

Модераторы: ZiX
  1. palbanec

    palbanec

    Регистр.:
    2 июл 2010
    Сообщения:
    455
    Симпатии:
    28
    На джере написан обычный таб переключатель. На странице нужно разместить несколько штук.Не понимаю где и как сменить id или что еще.
    Вот пример скрипта:
    PHP:
    <!-- Tabs -->
    <div  id="tabs" class="htabs">
    <a href="#tab-1"><?php echo $tab_1_name?></a>
    <a href="#tab-2"><?php echo $tab_2_name?></a>
    <a href="#tab-3"><?php echo $tab_3_name?></a>
    </div>
    <div id="tab-1" class="tabss"><div class="tabss-t"><?php echo $tab_1_text?></div></div>
    <div id="tab-2" class="tabss"><?php echo $tab_2_text?></div>
    <div id="tab-3" class="tabss"><?php echo $tab_3_text?></div>
    <script type="text/javascript"><!--
    $('#tabs a').tabs();
    //--></script>
    <!-- /Tabs -->
    В каких файлах провести манипуляцию с id?И где?
     
  2. latteo

    latteo Эффективное использование PHP, MySQL

    Moderator
    Регистр.:
    28 фев 2008
    Сообщения:
    1.450
    Симпатии:
    1.240
    palbanec нравится это.
  3. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    PHP:
    <!-- Tabs -->
    <div  id="tabs" class="htabs">
    <a href="#tab-1"><?php echo $tab_1_name?></a>
    <a href="#tab-2"><?php echo $tab_2_name?></a>
    <a href="#tab-3"><?php echo $tab_3_name?></a>
    </div>
    <div id="tab-1" class="tabss"><div class="tabss-t"><?php echo $tab_1_text?></div></div>
    <div id="tab-2" class="tabss"><?php echo $tab_2_text?></div>
    <div id="tab-3" class="tabss"><?php echo $tab_3_text?>
    <!-- табсы внутри одной из вкладок -->
    <div id="tabs2">
    <ul>
    <li><a href="#p">один</a></li>
    <li><a href="#r">два</a></li>
    <li><a href="#h">три</a></li>
    </ul>
    <div id="p">dfgdfgdfg</div>
    <div id="r">dfhdhj,lioliu</div>
    <div id="h">5643453575</div>
    </div>
     
     
    </div>
    <script type="text/javascript"><!--
    $('#tabs a, #tabs2').tabs();
    //--></script>
    <!-- /Tabs -->
     
     
    palbanec нравится это.