height:auto; padding : 10px; } .clear { clear:both; } </style> <div class="box"> <div style="height:25px;" > <code style="color:blue;">$ksm->slidingSpeed=5;</code> </div> <?php echo $ksm->Render();?> </div> <div class="box"> <div style="height:25px;" > <code style="color:green;">$ksm->slidingSpeed=15;</code> </div> <?php echo $ksm2->Render();?> </div> <div class="box"> <div style="height:25px;"> <code style="color:orange;">$ksm->slidingSpeed=30;</code> </div> <?php echo $ksm3->Render();?> </div> <div class="clear"></div> </form>
.focus { padding-left:50px; background:#DFF3FF; border:solid 1px #C6E1F2; } .clear { clear:both; } #style_select { width:100px; } </style> <div class="box focus"> <div style="padding-bottom:10px;"><b>singleExpand = true</b></div> <?php echo $ksm->Render(); ?> </div> <div class="box focus"> <div style="padding-bottom:10px;"><b>singleExpand = false</b></div> <?php echo $ksm2->Render(); ?> </div> <div class="clear"></div> </form>
$books_tree->imageFolder = $KoolControlsFolder . "/KoolTreeView/icons"; $books_tree->styleFolder = $KoolControlsFolder . "/KoolTreeView/styles/default"; $books_tree->getRootNode()->visible = false; $books_tree->getRootNode()->expand = true; $books_tree->Add("root", "ajax", "Ajax For Dummies", false, "BookY.gif", ""); $books_tree->Add("root", "csharp", "Mastering C#", false, "BookY.gif", ""); $books_tree->Add("root", "flash", "Flash 8 Bible", false, "BookY.gif", ""); $books_tree->showLines = true; //Create SlideMenu $ksm = new KoolSlideMenu("sm"); $ksm->styleFolder = $KoolControlsFolder . "/KoolSlideMenu/styles/bluearrow"; //Create parent hardware and add hardware tree inside subpanel $ksm->addParent("root", "hardware", "Hardware", "", true); $ksm->addPanel("hardware", "hardware_tree_panel", $hardware_tree->Render()); //Create parent software and add software tree inside subpanel $ksm->addParent("root", "software", "Software"); $ksm->addPanel("software", "software_tree_panel", $software_tree->Render()); //Create parent books and add books tree inside subpanel $ksm->addParent("root", "books", "Books"); $ksm->addPanel("books", "books_tree_panel", $books_tree->Render()); $ksm->singleExpand = true; $ksm->width = "200px"; ?> <form id="form1" method="post"> <div style="padding-left:10px"> <?php echo $ksm->Render(); ?> </div> </form>
$regisForm = new UpdatePanel( "regisForm" ) ; $regisForm->setLoading("$KoolControlsFolder/koolajax/loading/1.gif" , "white" , 50 ); $stepDone = ( isset( $_POST["task"] ) && $_POST[ "task" ] == "done" ) ? true : false ; if( $stepDone ) { $return = '<div style="height:auto;width:500px;" id="registration-form"> <div id="my-tit" >Registration form</div><br/> <div >'; $return .= echoResult( $_POST[ "data" ]) ; $return .= '</div>'; }else{ $return = ' <script type="text/javascript" src="functions.js"></script> <div style="height:auto;width:500px;" id="registration-form"> <div id="my-tit" >Registration form</div><br/> <div >'. $ksm->Render(). '</div> <input type="hidden" name="data" value="" /> <input type="hidden" name="task" value="" /> <script language="javascript"> ksm.registerEvent("OnBeforeExpand",OnBeforeExpand_handle); </script> </div>'; } $regisForm->cssclass = "cssRegisForm" ; $regisForm->content= $return ; ?> <?php echo $koolajax->Render();?> <?php echo $regisForm->Render();?>
$ksm->addChild("services","outsourcing","Out-sourcing"); $ksm->addChild("services","freelancer","Free-lancer"); $ksm->width="200px"; $ksm->singleExpand = false; ?> <div style="height:250px;width:650px;"> <style type="text/css"> div.fl { float:left; color:#ccc;} .fl a { color:#ccc; cursor:pointer;} .fl a:link { color:#ccc; } .fl a:hover { color:#fff; } </style> <div style="background-color:#343434; width:600px; height:250px; "> <div class="fl" > <?php echo $ksm->Render();?></div> <div style="float:left; background-color:#ccc; height:250px;"> </div> <div class="fl" style=" padding :15px;" id="content"> Site map : <br /><br /> <div style="padding-left:15px"> <a onclick="expand( 'company' );" >Company</a><br /> |_<a onclick="select( 'about' , 'company' )" >About us</a><br /> |_<a onclick="select( 'news' , 'company' )" >Company news</a><br /> |_<a onclick="select( 'contact' , 'company' )" >Contact us</a><br /> <a onclick="expand( 'products' );" >Products</a><br /> |_<a onclick="select( 'koolajax' , 'products' )" >KoolAjax</a><br /> |_<a onclick="select( 'kooltreeview' , 'products' )" >KoolTreeView</a><br /> |_<a onclick="select( 'koolslidemenu' , 'products' )" >KoolSlideMenu</a><br /> <a onclick="expand( 'services' );" >Services</a><br /> |_<a onclick="select( 'outsourcing' , 'services' )" >Out-sourcing</a><br /> |_<a onclick="select( 'freelancer' , 'services' )" >Free-lancer</a> <br />
} </style> <div class="box"> <div style="height:25px;" > <code style="color:blue;">$ksm->slidingSpeed=5;</code> </div> <?php echo $ksm->Render(); ?> </div> <div class="box"> <div style="height:25px;" > <code style="color:green;">$ksm->slidingSpeed=15;</code> </div> <?php echo $ksm2->Render(); ?> </div> <div class="box"> <div style="height:25px;"> <code style="color:orange;">$ksm->slidingSpeed=30;</code> </div> <?php echo $ksm3->Render(); ?> </div> <div class="clear"></div> </form>
min-height:220px; margin:10px; padding:10px; } .focus { padding-left:50px; background:#DFF3FF; border:solid 1px #C6E1F2; } .clear { clear:both; } #style_select { width:100px; } </style> <div class="box focus"> <div style="padding-bottom:10px;"><b>singleExpand = true</b></div> <?php echo $ksm->Render();?> </div> <div class="box focus"> <div style="padding-bottom:10px;"><b>singleExpand = false</b></div> <?php echo $ksm2->Render();?> </div> <div class="clear"></div> </form>