DHTMLX Docs & Samples Explorer

Skins

Source
<meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css"/>
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_web.css"/>
    <link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_terrace.css"/>
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxpopup_dhx_skyblue.css"/>
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxpopup_dhx_web.css"/>
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxpopup_dhx_terrace.css"/>
    
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../../dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
    <script src="../../codebase/dhtmlxpopup.js"></script>
    
    <script>
 
var myToolbar;
var myPop;
 
function doOnLoad(skin) {
 
    if (!skin)
        skin = "dhx_skyblue";
 
    myToolbar = new dhtmlXToolbarObject("myToolbar", skin);
    myToolbar.setIconsPath("../common/imgs/");
    myToolbar.loadXML("../common/toolbar.xml?etc=" + new Date().getTime(), function() {
 
        myToolbar.setItemText("workbut", skin);
 
        myPop = new dhtmlXPopup({
            toolbar: myToolbar,
            id: "workbut"
        });
 
        myPop.attachList("name", [{
            id: "dhx_skyblue",
            name: "dhx_skyblue",
            price: "&euro; 31,550"
        }, {
            id: "dhx_web",
            name: "dhx_web",
            price: "&euro; 30,990"
        }, {
            id: "dhx_terrace",
            name: "dhx_terrace",
            price: "&euro; 30,990"
        }]);
 
        myPop.attachEvent("onClick", function(id) {
            myPop.unload();
            myToolbar.unload();
            doOnLoad(id);
        });
    });
 
}
</script> <style> </style> <div id="myToolbar"></div>