dhtmlxwindows non-clickable content

Suite and Optimus Suite 5
#1

Hi,



when i use dhtmlwindows in my php app. ,

i click a link,

a window appears ,

when i close it from the close button,

i can’t click anything [links, imgs, etc.] on the page anymore…



everything is covered with a hidden layer, i can’t control it…



this problem is in firefox only…



any help?

#2

Please try to use js version from next thread, it contain fix, which must prevent unnecessary blocking layer, in case of default viewport
    dhtmlx.com/docs/products/kb/inde … tmlxwindow

#3

I am using dhtmlxSuite_2008Rel3_pro_81009 version, have the same problem that hyperlink can not click. (IE can work, but firefox and safari can not)

and I replace the dhtmlxwindows.js with following url’s attachment file, still can not work
dhtmlx.com/docs/products/kb/inde … tmlxwindow

live demo at following url:
compvalue360.com/test-link.htm

Thanks for Help !!

source code:

Test HyperLink 
<script src="dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxcommon.js"></script>

<script src="dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>

<script src="dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.js"></script>

<script src="dhtmlxSuite/dhtmlxTree/codebase/dhtmlxtree.js"></script>

<script src="dhtmlxSuite/dhtmlxTree/codebase/ext/dhtmlxtree_ed.js" type="text/javascript"></script>

<script src="dhtmlxSuite/dhtmlxDataProcessor/codebase/dhtmlxdataprocessor.js"></script>

        <table bgcolor="#eeeeee" width=890 style="margin:0px auto;">
            <tr height=30>
                <td align="left">
                    Location：Area1 > <a href='test1.htm'>non-clickable Link</a></td>
            </tr>
        </table>
    </div>
    <div id="parentId" style="margin: 0px auto; width: 890px; height: 400px;">
    </div>
    <div id="objId" style="width: 100%; height: 100%; overflow: auto; display: none;
        font-family: Tahoma; font-size: 11px;">
        <table width='100%' style="font-size: 11px">
            <tr>
                <td colspan='2'>
                    <font color='red'>Choice Process Type</font></td>
            </tr>

        </table>
    </div>
</form>

<script>
var dhxLayout = new dhtmlXLayoutObject("parentId", "2U");
dhxLayout.items[0].setText("Tree Area");
         dhxLayout.items[1].setText("Operation");

	
var dhxTree = dhxLayout.cells("a").attachTree(0);
dhxTree.setImagePath("dhtmlxSuite/dhtmlxTree/codebase/imgs/csh_yellowbooks/");
dhxTree.enableItemEditor(true);
dhxTree.enableDragAndDrop(true);

         dhxTree.loadXML("xml/tree_empty.xml"); 
         dhxLayout.cells("b").attachObject("objId");	    
</script>
#4

I’ve attached the latest 81009 version of windows. The problem wasn’t reproduced with it locally.
Please try this library
dhtmlxwindows.zip (17.5 KB)

#5

sorry, same situation.
Are there having any files need to update?

test under filrefox 3.5.13 version

please check this file
compvalue360.com/test-link.htm

Thks

#6

In this case try to use the latest dhxWindows version - 2.6.

You may download it from our website. If you combine components from different versions (for example windows 2.6 and tree 2.1), you need to use the latest dhtmlxcommon.js (from 2.6 package).

#7

now I using dhtmlxSuite_v26_PRO_100916-EVAL version to test
and add 1 line

  1. execute following html file under Vs2005 at IE environment, always prompt “dhtmlxcontainer.js is missed on the page”

  2. execute html file directly, “Location：Area1 > non-clickable Link” line missing (FF & IE same)

Test HyperLink 
<script src="dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxcommon.js"></script>

<script src="dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>

<script src="dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
<script src="dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxcontainer.js"></script>    

<script src="dhtmlxSuite/dhtmlxTree/codebase/dhtmlxtree.js"></script>

<script src="dhtmlxSuite/dhtmlxTree/codebase/ext/dhtmlxtree_ed.js" type="text/javascript"></script>

<script src="dhtmlxSuite/dhtmlxDataProcessor/codebase/dhtmlxdataprocessor.js"></script>

        <table bgcolor="#eeeeee" width=890 style="margin:0px auto;">
            <tr height=30>
                <td align="left">
                    Location：Area1 > <a href='test1.htm'>non-clickable Link</a></td>
            </tr>
        </table>
    </div>
    <div id="parentId" style="margin: 0px auto; width: 890px; height: 400px;">
    </div>
    <div id="objId" style="width: 100%; height: 100%; overflow: auto; display: none;
        font-family: Tahoma; font-size: 11px;">
        <table width='100%' style="font-size: 11px">
            <tr>
                <td colspan='2'>
                    <font color='red'>Choice Process Type</font></td>
            </tr>

        </table>
    </div>
</form>


<script>
var dhxLayout = new dhtmlXLayoutObject("parentId", "2U");
dhxLayout.items[0].setText("Tree Area");
dhxLayout.items[1].setText("Operation");

	
var dhxTree = dhxLayout.cells("a").attachTree(0);
dhxTree.setImagePath("dhtmlxSuite/dhtmlxTree/codebase/imgs/csh_yellowbooks/");
dhxTree.enableItemEditor(true);
dhxTree.enableDragAndDrop(true);

dhxTree.loadXML("xml/tree_empty.xml"); 

dhxLayout.cells("b").attachObject("objId");	    
</script>
#8

Try to set position relative property for layout container: