2009-06-15 2 views

ответ

1

Простым способом было бы запустить все закладки с пустым контентом, кроме того, который загружается со страницы.

Из того, что я вижу из простого источника, у них есть эта структура.

<div class="TabbedPanels" id="tp1"> 
    <ul class="TabbedPanelsTabGroup"> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 3</li> 
    <li class="TabbedPanelsTab" tabindex="0">Tab 4</li> 
    </ul> 
    <div class="TabbedPanelsContentGroup"> 
    <div class="TabbedPanelsContent"> Tab 1 Content </div> 
    <div class="TabbedPanelsContent"> Tab 2 Content </div> 
    <div class="TabbedPanelsContent"> 
     <p>Tab 3 Content </p> 
     <p>More Content</p> 
     <p>More Content</p> 
    </div> 
    <div class="TabbedPanelsContent"> Tab 4 Content</div> 
    </div> 
</div> 

Приложить OnClick слушателей событий на # tp1.TabbedPanelsTab, и связать его с AJAX запрос. Когда пользователь нажимает на вкладку, он запустит запрос и заполнит форму.

Может быть проще добавить идентификатор, который ссылается на то, где получить данные для этой конкретной формы. Например, вкладка может иметь идентификатор «salesRecords». Позволяет также сказать, что вы получаете все свои данные из getContent.php. Теперь, когда пользователь активирует событие onclick, вы используете запрос ajax для извлечения информации из url "getContent.php?id="+this.id, которая, конечно же, будет использовать строку запроса для возврата информации revelvant.

Смежные вопросы