Dear Paul,
Here is my link http://183.78.169.54/v3/tabTest.php. If you notice the Driver Profile is selected followed by Driver Details, but when you press the Driver Licenses it open the relevant div but is not selected.
Below is my codes.
<?php
session_start();
require_once(‘config.php’);
$searchcm=$_POST[‘searchcm’];
$formType=“Add”;
$submitTag=“Add”;
$driverDetails=true;
$driverLicenses=‘’;
$driverNextOfKin=‘’;
require “KoolTabs/kooltabs.php”;
//Step 2: Create kooltabs object.
$kts = new KoolTabs(“kts”);
//Step 3: Set properties for kooltabs
$kts->styleFolder = “KoolTabs/styles/silver”;
//Step 4: Add tabs for KoolTabs: addTab($parentid,$id,$text,$link)
$kts->addTab(“root”,“home”,“Driver List”,“tabTest.php”);
$kts->addTab(“root”,“home”,“Driver Profile”,“tabTest.php”,true);
//Step 2: Create kooltabs object.
$kts2 = new KoolTabs(“kts”);
//Step 3: Set properties for kooltabs
$kts2->styleFolder = “KoolTabs/styles/silver”;
//Step 4: Add tabs for KoolTabs: addTab($parentid,$id,$text,$link)
$kts2->addTab(“root”,“Driver Details”,“Driver Details”,“javascript:showTab(\“driverDetails\”)”,$driverDetails);
$kts2->addTab(“root”,“Driver Licenses”,“Driver Licenses”,“javascript:showTab(\“driverLicenses\”)”,$driverLicenses);
//$kts2->addTab(“root”,“Driver Next of Kin”,“Driver Next of Kin”,“javascript:showTab(\“driverNextOfKin\”)”,$driverNextOfKin);
?>
<html>
<head>
<link rel=“stylesheet” type=“text/css” href=“my1.css” media=“all”>
<script type=“text/javascript”>
window.onload = function () {
document.getElementById(“driverDetails”).className = “show”;
document.getElementById(“driverLicenses”).className = “hide”;
};
</script>
<script type=“text/javascript”>
function showTab(_id)
{
var tabID=_id;
if(tabID=="driverDetails")
{
document.getElementById("driverDetails").className = "show";
document.getElementById("driverLicenses").className = "hide";
}
else if(tabID=="driverLicenses")
{
document.getElementById("driverDetails").className = "hide";
document.getElementById("driverLicenses").className = "show";
}
} </script>
</head>
<body>
<?
echo $kts->Render();
echo $kts2->Render();
?>
<form action=“<?=$_SERVER[‘PHP_SELF’]?>” method=“post” name=“form1” enctype=“multipart/form-data” id=form1 onSubmit=“return validateForm();”>
<div id=“driverDetails” class=“show” style=“position:relative” >
DD
</div>
<div id=“driverLicenses” class=“hide” style=“position:relative” >
DK
</div>
</form>
</body>
</html>