Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by M. Zuidwijk on Jun 20, 2009 00:22
open dhtmlx forum
Example html tabbar with page-reload when selecting a tab

Hi Everyone,

I'm just a beginner at this. I only know HTML, ASP Classic with vbscript. Can somebody please
provide with a working solution.

The code i'm using is below. I want the pages file1.asp. file2.asp and file3.asp to be reloaded
when i select the tab. That way i always have the new data from the database.

The code:
<html>
<head>
<title>Initialization from HTML</title>
</head>
<body>
<link rel="STYLESHEET" type="text/css" href="common/style.css">
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxtabbar.css">
<script src="sources/dhtmlxcommon.js"></script>
<script src="sources/dhtmlxtabbar.js"></script>
<script src="sources/dhtmlxtabbar_start.js"></script>
<table>
<tr>
<td>
<div id="a_tabbar" class="dhtmlxTabBar" imgpath="codebase/imgs/" style="width: 1100px; height: 600px;" skinColors="#FCFBFC,#F4F3EE" >

<div id="a1" width="100" name="Projects">
<!-- #include file="file1.asp" -->
</div>
<div id="a2" width="100" name="Actions">
<!-- #include file="file2.asp" -->
</div>
<div id="a3" width="100" name="Documents">
<!-- #include file="file3.asp" -->
</div>

</div>
</td>
</tr>
</table>
</body>
</html>
Answer posted by Alex (support) on Jun 22, 2009 00:56

Hello,

possibly you need to use iframes loading mode to load your pages into iframes. In this case the code can be following:

  <div hrefmode="iframes" oninit="initFunc()" id="a_tabbar" class="dhtmlxTabBar" imgpath=".codebase/imgs/" style="width: 1100px; height: 600px;" skinColors="#FCFBFC,#F4F3EE" >
  <div id="a1" width="100" name="Projects" href="file1.asp"></div>
  <div id="a2" width="100" name="Actions" href="file2.asp"></div>...
  </div>

<script>
 function initFunc(){
  a_tabbar.attachEvent("onSelect",doOnSelect);
 }
 function doOnSelect(id){
  a_tabbar.setContentHref(id,NEW_URL)
  return true
 }

</script>


Answer posted by M. Zuidwijk on Jun 22, 2009 02:30
Thanks... i'm going to try that...
Answer posted by M. Zuidwijk on Jun 23, 2009 08:24

When i use the code you provided then i get an error message when i click on a tab...

NEW_URL is not defined..????

Answer posted by Alex (support) on Jun 23, 2009 08:33

NEW_URL is an example, you can place the necessary url:

function doOnSelect(id){
  a_tabbar.setContentHref(id,"file1.asp");
  return true
}