<?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>