<script type="text/javascript">
function loadContent(e){
var tabId = e.target.getAttribute("href");
var ctUrl = '';
if(tabId == '#tab2') {
ctUrl = 'url to get tab 1 content';
} else if(tabId == '#tab3') {
ctUrl = 'url to get tab 3 content';
}
if(ctUrl != '') {
$.ajax({
url : ctUrl,
type : 'POST',
dataType : 'html',
cache : false,
success : function(html)
{
jQuery(tabId).html(html);
},
error:function(){
alert('Ошибка! Невозможно отобразить элемент меню!');
}
});
}
preventDefault();
return false;
}
</script>
$this->widget('bootstrap.widgets.TbTabs', array(
'id' => 'mytabs',
'type' => 'tabs',
'stacked'=>true,
//'htmlOptions' => array('class' => 'span-4'),
'tabs' => array(
array('id' => 'tab1', 'label' => 'Главная', 'content' => $this->renderPartial('Index', null, true), 'active' => true),
array('id' => 'tab2', 'label' => 'Файлы', 'content' => 'loading ....'),
array('id' => 'tab3', 'label' => 'Поиск', 'content' => 'loading ....'),
),
'events'=>array('shown'=>'js:loadContent')
)
);
возникла такая проблемка…
У меня это меню слева, и при нажатии на кнопку надо что выводило в определенном мной месте к примеру <div class="content"> тут должно выводить то куда нажал пользователь в меню </div> а выводит инфу прям под меню, как исправить, кто знает? где указать, что бы выводило так как мне нужно?
В поисковике уже часа два в поисках ответа…так и не нашел ничего, помогите! на скрине все показано…