Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by mongkol on Aug 06, 2008 10:29
open dhtmlx forum
Dhxwindow join with other dhx object?

you can show me some sample of i can understant bester ? because for my code my combo it not work. my combo it stay on window that right but why list of combo it stay behind dhxwindow.
/*------------------------------------------------------------------------*/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DZD System : RC Interface</title>    
    <script src="Component/lib.js"></script>
    <script>
        window.dhx_globalImgPath="Component/DHTMLX/images/";
    </script>
    <script src="Component/DHTMLX/dhtmlxcommon.js"></script>
    <script src="Component/DHTMLX/Object/dhtmlxCombo/dhtmlxcombo.js"></script>

    <script src="Component/DHTMLX/Object/dhtmlxWindows/dhtmlxwindows.js"></script>
    <link rel="stylesheet" type="text/css" href="Component/Style.css" />
    <link rel="stylesheet" type="text/css" href="Component/DHTMLX/Object/dhtmlxCombo/dhtmlxcombo.css" />
    <link rel="stylesheet" type="text/css" href="Component/DHTMLX/Object/dhtmlxWindows/dhtmlxwindows.css" />
    <link rel="stylesheet" type="text/css" href="Component/DHTMLX/Object/dhtmlxWindows/skins/dhtmlxwindows_aqua_dark.css" />
    
</head>
<body style="background:url(Images/BG.gif);" >
<div style=" display:none;">

</div>

<table width="780" align="center" cellpadding="0" cellspacing="0" class="TblLayout">
<tr>
<td height="500"> </td>
</tr>
<tr>
<td align="center"><div id="combo_zone" style="width:200px; height:30px; z-index:99;"></div></td>
</tr>
</table>
</body>
</html>
<script>
var dhxWins = new dhtmlXWindows();
    dhxWins.enableAutoViewport(false);
    dhxWins.setViewport(118,10,778,498);
    dhxWins.vp.style.border = "#909090 1px solid";
    dhxWins.setImagePath("Component/DHTMLX/images/");
    dhxWins.setSkin("aqua_dark");
    
    var w1 = dhxWins.createWindow("w1", 10, 10, 320, 240);
    w1.setText("Dhtmlx ThaiREport");
    w1.button("close").disable();
    var z=new dhtmlXCombo("combo_zone","alfa2",200);
    z.enableFilteringMode(true);
    //z.attachChildCombo(z2,"2.php");
    z.loadXML("1.xml");
    dhxWins.window("w1").attachObject("combo_zone");

</script>
/*----------------------------------------------------------------------------*/
Answer posted by Support on Aug 07, 2008 03:14
add next line to fix issue
<style>
    .dhx_combo_list{
           z-index:1230;
     }
</style>
Answer posted by mongkol on Aug 07, 2008 08:47
and other object what the key word style for use to set z-index for it?
Answer posted by Support on Aug 08, 2008 02:18

The z-index of combo defined by  .dhx_combo_list css class.
z-index of dhtmlxWindows generated dynamically ( started from 300 )