<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <script type="text/javascript" charset="utf-8"> DHTMLX_SKIN = "touch"; </script> <link rel="stylesheet" href="../../../codebase/touchui.css" type="text/css" media="screen" charset="utf-8"> <script src="../../../codebase/touchui.js" type="text/javascript" charset="utf-8"></script> </head> <body> <script type="text/javascript" charset="utf-8"> dhx.ready(function(){ dhx.ui({ rows:[ { view:"toolbar" , id:"top", type:"MainBar", data:[ { type:"segmented", segment:[ {key:"http://google.com", label:"Google", selected:true }, {key:"http://yahoo.com", label:"Yahoo"}, {key:"http://bing.com", label:"Bing"} ]}, ] }, { view:"iframe", id:"bottom", src:"http://google.com" }, ] }); $$('top').attachEvent("onAfterTabClick",function(id, key){ $$('bottom').define("src", key); }); }); </script> </body> </html>