Jump to content


Photo
- - - - -

Табы, проблема отображения карты

табы

3 replies to this topic

#1 robotwerder

robotwerder
  • JBZoo User (rus)
  • User rate: 0
  • posts: 163
  • topics: 52

Posted 06 August 2015 - 15:11

Сделал вроде бы табы.

С содержимым в виду текста пашут.

получил API карт от гугл. и на тех страницах где добавил адрес в табах вижу вот что http://demo.urolog66...restoran-velkom

 

Табличная верстка в самом табе сразу же пропадает + сама карта пропадает, то есть её не видно.

 

привожу код full.php на всяк случай.

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 *
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Denis Smetannikov <denis@jbzoo.com>
 */
 
// no direct access
defined('_JEXEC') or die('Restricted access');
?>
 
<!--<?php if ($this->checkPosition('properties')) : ?>
 
   <?php echo $this->renderPosition('properties', array(
    'style'      => 'jbblock',
    'showlabel'  => true,
    'altlabel'   => 'Заголовок',
    'class'      => 'simple-block',
    'labelTag'   => 'strong',
    'tag'        => 'p',
    'wrapperTag' => 'em',
    'tooltip'    => 1,
)); ?>
 
<?php endif; ?>
-->
 
 
<?php
$align = $this->app->jbitem->getMediaAlign($item, $layout);
?>
 
<?php if ($this->checkPosition('title')) : ?>
    <h1 class="item-title"><?php echo $this->renderPosition('title'); ?></h1>
<?php endif; ?>
 
<?php if ($this->checkPosition('text1')) : ?>
    <?php echo $this->renderPosition('text1', array('style' => 'block')); ?>
<?php endif; ?>
 
<?php if ($this->checkPosition('image')) : ?>
    <div class="item-image align-<?php echo $align; ?>">
        <?php echo $this->renderPosition('image'); ?>
    </div>
<?php endif; ?>
 
 
<?php if ($this->checkPosition('properties')) : ?>
 
    <table class='jbtable'>
        <?php echo $this->renderPosition('properties', array(
            'style'      => 'jbtable',
            'tooltip'    => 1,
        )); ?>
    </table>
 
<?php endif; ?>
 
<?php if ($this->checkPosition('text2')) : ?>
    <?php echo $this->renderPosition('text2', array('style' => 'block')); ?>
<?php endif; ?>
 
 
<!--<?php if ($this->checkPosition('properties')) : ?>
    <ul class="item-properties">
        <?php echo $this->renderPosition('properties', array('style' => 'list')); ?>
    </ul>
<?php endif; ?>-->
 
<?php if ($this->checkPosition('text3')) : ?>
    <?php echo $this->renderPosition('text3', array('style' => 'block')); ?>
<?php endif; ?>
 
<?php if ($this->checkPosition('text4')) : ?>
    <?php echo $this->renderPosition('text4', array('style' => 'block')); ?>
<?php endif; ?>

 
<?php if ($this->checkPosition('meta')) : ?>
    <ul class="item-metadata">
        <?php echo $this->renderPosition('meta', array('style' => 'list')); ?>
    </ul>
<?php endif; ?>

<?php
$this->app->jbassets->tabs(); // подключение необходимого JS и CSS
$tabsId = uniqid('jbzoo-tabs-'); // уникальный идетификатор
?>

<!--
<div class="clear clr"></div>
<div id="<?php echo $tabId; ?>" class="rborder">
  <ul>
    <li><a href="#tab-1"><?php echo JText::_('TAB_1_NAME');?></a></li>
    <li><a href="#tab-2"><?php echo JText::_('TAB_2_NAME');?></a></a></li>
	<li><a href="#tab-3"><?php echo JText::_('TAB_3_NAME');?></a></a></li>
	</ul>
	<div id="tab-1">содержимое 1</div>
	<div id="tab-2"><?php echo $this->renderPosition('tab-2'); ?></div>
	<div id="tab-3">содержимое 3</div>
	</div>
	
	<script type="text/javascript">
    jQuery(function ($) {
        $('#<?php echo $tabsId;?>').JBZooTabs();
    });
</script> 
-->

<div id="jbzoo-tabs" class="rborder">
    <ul>
        <li><a href="#tab-1"><?php echo JText::_('TAB_1_NAME');?></a></li>
    <li><a href="#tab-2"><?php echo JText::_('TAB_2_NAME');?></a></a></li>
	<li><a href="#tab-3"><?php echo JText::_('TAB_3_NAME');?></a></a></li>
    </ul>

    <div id="tab-1">
	
	<?php if ($this->checkPosition('properties')) : ?>
 
    <table class='jbtable'>
        <?php echo $this->renderPosition('properties', array(
            'style'      => 'jbtable',
            'tooltip'    => 1,
        )); ?>
    </table>
 
<?php endif; ?>
	
	</div>
   <div id="tab-2"><?php echo $this->renderPosition('tab-2'); ?></div>
    <div id="tab-3"><?php echo $this->renderPosition('tab-3'); ?></div>
</div>

<?php $this->app->jbassets->jQueryUi();?> <!-- подключаем jQuery UI -->
<script type="text/javascript">
    jQuery(function ($) {
        $('#jbzoo-tabs').tabs(); // инициализация из jQuery UI Tabs
    });
</script>
 
<?php echo JBZOO_CLR; ?>

  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 06 August 2015 - 15:43

robotwerder, у вас "полетела" вся верстка. Думаю это из-за конструкции html <!-- --> очистите ваш шаблон от ненужного кода.


  • 1
Изображение
 

#3 robotwerder

robotwerder
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 163
  • topics: 52

Posted 06 August 2015 - 19:09

верстка восстановлена.

проблема решилась.. извините)


Edited by robotwerder, 06 August 2015 - 19:16.

  • 0

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 06 August 2015 - 19:16

robotwerder, попробуйте использовать решение из этой темы. 


  • 0
Изображение
 





Also tagged with one or more of these keywords: табы

Click to return to top of page in style!