Tab Control

[Garima12]

I have 3 tabs on web page. When I load the page, contents of all 3 tabs are being loaded in corresponding tabs. but I want the contents to be loaded only when the tab is clicked. Can you suggest me some way to accomplish this?
Thks

[maheshmrk22]

Hi,

R u using Ajax Tabpanel control or custom control for tabbing. If custom control then you have to handle click event for each image button which represents that tab.

Thanks
Mahesh

I have 3 tabs on web page. When I load the page, contents of all 3 tabs are being loaded in corresponding tabs. but I want the contents to be loaded only when the tab is clicked. Can you suggest me some way to accomplish this?
Thks

[Garima12]

Hi Mahesh,
I am using custom control. Pasting my code below. Please suggest something if you can:
<table border ="0" cellpadding="0" cellspacing ="0">
<tr>
<td>
<div class="tab-pane" id="tabPane1">
<script type="text/javascript">
tp1 = new WebFXTabPane( document.getEle mentById( "tabPane1" ) );
</script>

<div class="tab-page" id="tabPage1" style="height:7 00px">
<h2 class="tab">
&nbsp;Search </h2>
<script type="text/javascript">tp1 .addTabPage( document.getEle mentById( "tabPage1" ) );</script>
<iframe name="SearcFram e" src="search.asp x" width="850px" height="700px"> </iframe>
</div>
<div class="tab-page" id="tabPage2" style="height:7 00px">
<h2 class="tab">
&nbsp;Detail </h2>
<script type="text/javascript">tp1 .addTabPage( document.getEle mentById( "tabPage2" ) );</script>
<iframe name="IoFrame" src="info.aspx" width="850px" height="700px"> </iframe>
</div>
<div class="tab-page" id="tabPage3" style="height:9 00px" delay="2000">
<h2 class="tab">
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; Map &nbsp; &nbsp;&nbsp; &nbsp;
</h2>
<script type="text/javascript">tp1 .addTabPage( document.getEle mentById( "tabPage3" ) );</script>
<iframe name="SFrame" src="viewer.asp x" width="850px" height="900px" id="IFRAME1" onclick="return IFRAME1_onclick ()"></iframe>
</div>
<div class="tab-page" id="tabPage4" style="height:7 00px">
<h2 class="tab">Lin ks</h2>
<script type="text/javascript">tp1 .addTabPage( document.getEle mentById( "tabPage4" ) );</script>
<iframe name="inks" src="Links.aspx " width="950px" height="1100px" ></iframe>
</div>
</div>
</td>
</tr>
</table>
Thks

Hi,

R u using Ajax Tabpanel control or custom control for tabbing. If custom control then you have to handle click event for each image button which represents that tab.

Thanks
Mahesh

[Plater]

Add the controls at runtime with the tabindex change event?