<?php
/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
$KoolControlsFolder = "../../KoolPHPSuite/KoolControls";
require $KoolControlsFolder . "/KoolAjax/koolajax.php";
$koolajax->scriptFolder = $KoolControlsFolder . "/KoolAjax";
echo $koolajax->Render();
require $KoolControlsFolder . "/KoolTabs/kooltabs.php";
$kts = new KoolTabs("kts");
$kts->scriptFolder = $KoolControlsFolder . "/KoolTabs";
$kts->styleFolder = "outlook";
$kts->addtab("root", "main_page", "Main Page");
echo $kts->Render();
?>
<div id ="pg"></div>
<script type="text/javascript">
var buffer = {};
function add_tab(pagename,title)
{
kts.addTab("root",title, title
+"<img onmouseover='m_over(this)' onmouseout='m_out(this)' onclick=\"remove('"
+title+"')\" src='closeover.gif' />","javascript:loadPage(\""
+pagename+"\")",true);
}
function loadPage(pagename)
{
<input type="button" value="Remove selected tab" onclick="remove_selected_tab()" class="button" />
<input type="submit" value="Reset tabs" class="button" />
</div>
<?php
echo $second_kts->Render();
?>
<div class="break"></div>
Disabling/Enabling tabs:
<div style="float:right;">
<input type="button" value="Disable selected tab" onclick="disable_selected_tab()" class="button" />
<input type="button" value="Enable all tabs" onclick="enable_all_tabs()" class="button" />
</div>
<?php
echo $third_kts->Render();
?>
<div class="break"></div>
</div>
<script type="text/javascript">
var _first_kts_selectedid = null;
var _second_kts_selectedid = null;
var _third_kts_selectedid = null;
first_kts.registerEvent("OnSelect",function(sender,arg){
if (first_kts.getTab(arg.TabId).getParentId()=="root")
{
_first_kts_selectedid = arg.TabId;
}
Removing tabs:
<div style="float:right;">
<input type="button" value="Remove selected tab" onclick="remove_selected_tab()" class="button" />
<input type="submit" value="Reset tabs" class="button" />
</div>
<?php echo $second_kts->Render();?>
<div class="break"></div>
Disabling/Enabling tabs:
<div style="float:right;">
<input type="button" value="Disable selected tab" onclick="disable_selected_tab()" class="button" />
<input type="button" value="Enable all tabs" onclick="enable_all_tabs()" class="button" />
</div>
<?php echo $third_kts->Render();?>
<div class="break"></div>
</div>
<script type="text/javascript">
var _first_kts_selectedid = null;
var _second_kts_selectedid = null;
var _third_kts_selectedid = null;
first_kts.registerEvent("OnSelect",function(sender,arg){
if (first_kts.getTab(arg.TabId).getParentId()=="root")
{
_first_kts_selectedid = arg.TabId;
}
});
$kts->addTab("root","testimonial","Testimonial");
$kts->addTab("root","customer","Customers");
$kts->addTab("root","planning","Planning");
$kts->addTab("root","contactus","Contact us");
$kts->width = "500px";
$sel = "right";
if (isset($_POST["scrolling"]))
{
$sel = $_POST["scrolling"];
}
$kts->scroll = $sel;
?>
<form id="form1" method="post">
Select scroll buttons position :
<div style="border:dotted 1px gray;width:150px;height:70px;">
<input type="radio" name="scrolling" id="rdleft" value="left" onclick="submit()" <? if($sel=="left") echo "checked"?> /> <label for="rdleft">Left</label><br />
<input type="radio" name="scrolling" id="rdright" value="right" onclick="submit()" <? if($sel=="right") echo "checked"?> /> <label for="rdright">Right</label><br />
<input type="radio" name="scrolling" id="rdmiddle" value="middle" onclick="submit()" <? if($sel=="middle") echo "checked"?> /> <label for="rdmiddle">Middle</label><br />
</div>
<div style="padding:10px;">
<?php echo $kts->Render();?>
</div>
</form>
