Jump to content


Photo
- - - - -

инициировать вызов вкладки, когда другой элемент нажат


  • This topic is locked This topic is locked
7 replies to this topic

#1 polyakov2004

polyakov2004
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 280
  • topics: 61

Posted 07 January 2013 - 01:53

подскажите что не так
<script>
    $("p").click(function () { 
      $('#tab-1').click(); 
    });
    </script>
  <style>
  p { color:red; margin:5px; cursor:pointer; }
  </style>
</head>
<body>
  <p>вызвать</p>

  • 0

#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 08 January 2013 - 13:21

Вы допустили очень очень много грубых ошибок в JS
Как минимум нужно сделать так
jQuery(function($){
    $(".elementClass").click(function () { 
        $('#tab-1').trigger('click'); 
    });
});

  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 polyakov2004

polyakov2004
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 280
  • topics: 61

Posted 08 January 2013 - 18:55

еще раз спасибо  получилось так
<head>
<script type="text/javascript">
jQuery(function($){
    $(".menu").click(function () { 
        $('#tab').trigger('click'); 
    });
});
    </script>
</head>
<body>
<p><form method="post" action="#tab-comments">
 <input type="submit" value="Забронировать" />
</form>
</p>
</body>
и так
<head>
<script type="text/javascript">
jQuery(function($){
    $(".menu").click(function () { 
        $('#tab-lux2').trigger('click'); 
    });
});
    </script>
</head>
<body>
<p><form method="post" action="<?php if ($this->checkPosition('bron')) : ?><?php echo $this->renderPosition('bron'); ?>
<?php endif; ?>">
 <input type="submit" value="Забронировать" />
</form>
</p>
</body>

второй вариант создал для того чтобы можно было вставить кнопку забронировать в таб а при нажатии на нее переходил на другой таб, но не получается, а просто на странице (без табов) работает?
  • 0

#4 polyakov2004

polyakov2004
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 280
  • topics: 61

Posted 08 January 2013 - 18:56

bron- обычный текст в который вставляю ссылку с табом
  • 0

#5 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 08 January 2013 - 19:03

Как основы html+jQuery относятся к JBZoo ?
проверяйте верстку.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#6 polyakov2004

polyakov2004
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 280
  • topics: 61

Posted 08 January 2013 - 19:07

да создал модуль в joomla и вставил в него весь скрипт
<script type="text/javascript">
jQuery(function($){
    $(".menu").click(function () { 
        $('#tab').trigger('click'); 
    });
});
    </script>
</head>
<body>
<p><form method="post" action="#tab-comments">
 <input type="submit" value="Забронировать" />
</form>
</p>
</body>
и все заработало

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

  • 0

#7 polyakov2004

polyakov2004
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 280
  • topics: 61

Posted 11 January 2013 - 13:15

подскажите пожалуйста пытался добавить вертикальную гармошку но скрипт не работает

после

  <?php $this->app->jbassets->jQueryUi(); ?>
    <script type="text/javascript">
        jQuery(function ($) {
            $('#jbzoo-tabs').tabs();
        });
    </script>
	<?php endif; ?>

вставил

<script type="text/javascript">
	 jQuery(function(){
    $(".accordion h3:first").addClass("active");
    $(".accordion p:not(:first)").hide();
 
    $(".accordion h3").click(function(){
 
        $(this).next("p").slideToggle("slow")
        .siblings("p:visible").slideUp("slow");
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
     });
  
 });
  </script>

и
<div class="accordion">
	<h3>Удобства</h3>
	<p> <?php if ($this->checkPosition('text')) : ?>
   <div class="rborder item-body">
        <?php echo $this->renderPosition('text'); ?>
    </div>
<?php endif; ?> </p>
	<h3>Бронирование</h3>
	<p><?php if ($this->checkPosition('text')) : ?>
   <div class="rborder item-body">
        <?php echo $this->renderPosition('text'); ?>
    </div>
<?php endif; ?></p>
	<h3>Дополнительно</h3>
	<p><?php if ($this->checkPosition('text')) : ?>
   <div class="rborder item-body">
        <?php echo $this->renderPosition('text'); ?>
    </div>
<?php endif; ?></p>
</div>


  • 0

#8 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 11 January 2013 - 18:37

Процесс обучение основам сайтостроения не относится к тех поддержкe JBZoo.
Спасибо за понимание.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.





Click to return to top of page in style!