Перейти к содержимому


Фотография
- - - - -

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

табы

Сообщений в теме: 3

#1 robotwerder

robotwerder

Отправлено 06 August 2015 - 15:11

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

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

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

 

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

 

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

  1. <?php
  2. /**
  3. * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
  4. *
  5. * @package jbzoo
  6. * @version 2.x Pro
  7. * @author JBZoo App http://jbzoo.com
  8. * @copyright Copyright (C) JBZoo.com, All rights reserved.
  9. * @license http://jbzoo.com/license-pro.php JBZoo Licence
  10. * @coder Denis Smetannikov <denis@jbzoo.com>
  11. */
  12. // no direct access
  13. defined('_JEXEC') or die('Restricted access');
  14. ?>
  15. <!--<?php if ($this->checkPosition('properties')) : ?>
  16. <?php echo $this->renderPosition('properties', array(
  17. 'style' => 'jbblock',
  18. 'showlabel' => true,
  19. 'altlabel' => 'Заголовок',
  20. 'class' => 'simple-block',
  21. 'labelTag' => 'strong',
  22. 'tag' => 'p',
  23. 'wrapperTag' => 'em',
  24. 'tooltip' => 1,
  25. )); ?>
  26. <?php endif; ?>
  27. -->
  28. <?php
  29. $align = $this->app->jbitem->getMediaAlign($item, $layout);
  30. ?>
  31. <?php if ($this->checkPosition('title')) : ?>
  32. <h1 class="item-title"><?php echo $this->renderPosition('title'); ?></h1>
  33. <?php endif; ?>
  34. <?php if ($this->checkPosition('text1')) : ?>
  35. <?php echo $this->renderPosition('text1', array('style' => 'block')); ?>
  36. <?php endif; ?>
  37. <?php if ($this->checkPosition('image')) : ?>
  38. <div class="item-image align-<?php echo $align; ?>">
  39. <?php echo $this->renderPosition('image'); ?>
  40. </div>
  41. <?php endif; ?>
  42. <?php if ($this->checkPosition('properties')) : ?>
  43. <table class='jbtable'>
  44. <?php echo $this->renderPosition('properties', array(
  45. 'style' => 'jbtable',
  46. 'tooltip' => 1,
  47. )); ?>
  48. </table>
  49. <?php endif; ?>
  50. <?php if ($this->checkPosition('text2')) : ?>
  51. <?php echo $this->renderPosition('text2', array('style' => 'block')); ?>
  52. <?php endif; ?>
  53. <!--<?php if ($this->checkPosition('properties')) : ?>
  54. <ul class="item-properties">
  55. <?php echo $this->renderPosition('properties', array('style' => 'list')); ?>
  56. </ul>
  57. <?php endif; ?>-->
  58. <?php if ($this->checkPosition('text3')) : ?>
  59. <?php echo $this->renderPosition('text3', array('style' => 'block')); ?>
  60. <?php endif; ?>
  61. <?php if ($this->checkPosition('text4')) : ?>
  62. <?php echo $this->renderPosition('text4', array('style' => 'block')); ?>
  63. <?php endif; ?>
  64.  
  65. <?php if ($this->checkPosition('meta')) : ?>
  66. <ul class="item-metadata">
  67. <?php echo $this->renderPosition('meta', array('style' => 'list')); ?>
  68. </ul>
  69. <?php endif; ?>
  70.  
  71. <?php
  72. $this->app->jbassets->tabs(); // подключение необходимого JS и CSS
  73. $tabsId = uniqid('jbzoo-tabs-'); // уникальный идетификатор
  74. ?>
  75.  
  76. <!--
  77. <div class="clear clr"></div>
  78. <div id="<?php echo $tabId; ?>" class="rborder">
  79. <ul>
  80. <li><a href="#tab-1"><?php echo JText::_('TAB_1_NAME');?></a></li>
  81. <li><a href="#tab-2"><?php echo JText::_('TAB_2_NAME');?></a></a></li>
  82. <li><a href="#tab-3"><?php echo JText::_('TAB_3_NAME');?></a></a></li>
  83. </ul>
  84. <div id="tab-1">содержимое 1</div>
  85. <div id="tab-2"><?php echo $this->renderPosition('tab-2'); ?></div>
  86. <div id="tab-3">содержимое 3</div>
  87. </div>
  88. <script type="text/javascript">
  89. jQuery(function ($) {
  90. $('#<?php echo $tabsId;?>').JBZooTabs();
  91. });
  92. </script>
  93. -->
  94.  
  95. <div id="jbzoo-tabs" class="rborder">
  96. <ul>
  97. <li><a href="#tab-1"><?php echo JText::_('TAB_1_NAME');?></a></li>
  98. <li><a href="#tab-2"><?php echo JText::_('TAB_2_NAME');?></a></a></li>
  99. <li><a href="#tab-3"><?php echo JText::_('TAB_3_NAME');?></a></a></li>
  100. </ul>
  101.  
  102. <div id="tab-1">
  103. <?php if ($this->checkPosition('properties')) : ?>
  104. <table class='jbtable'>
  105. <?php echo $this->renderPosition('properties', array(
  106. 'style' => 'jbtable',
  107. 'tooltip' => 1,
  108. )); ?>
  109. </table>
  110. <?php endif; ?>
  111. </div>
  112. <div id="tab-2"><?php echo $this->renderPosition('tab-2'); ?></div>
  113. <div id="tab-3"><?php echo $this->renderPosition('tab-3'); ?></div>
  114. </div>
  115.  
  116. <?php $this->app->jbassets->jQueryUi();?> <!-- подключаем jQuery UI -->
  117. <script type="text/javascript">
  118. jQuery(function ($) {
  119. $('#jbzoo-tabs').tabs(); // инициализация из jQuery UI Tabs
  120. });
  121. </script>
  122. <?php echo JBZOO_CLR; ?>

  • 0

#2 Cheren-dow

Cheren-dow

Отправлено 06 August 2015 - 15:43

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


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

#3 robotwerder

robotwerder

Отправлено 06 August 2015 - 19:09

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

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


Сообщение отредактировал robotwerder: 06 August 2015 - 19:16

  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 06 August 2015 - 19:16

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


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





Темы с аналогичным тегами табы

Click to return to top of page in style!