ReferenceError: dhxLayout is not defined

Suite and Optimus Suite 5
#1

Sirs:

This is pretty simple code, yet everytime I run it I get this error:
ReferenceError: dhxLayout is not defined
file:///C:/Inetpub/wwwroot/HEADWEB/HTML/cgi-bin/dhtmlxLayout/codebase/dhtmlxlayout.js
Line 91

var sX = “(2011-12) Table Access Area”;
var cellTableArea = layMain.cells(‘a’);
cellTableArea.setText(sX);
sX = “

” + sX + “
”
alert(‘b4 setting sideways stuff [’ + sX + ‘]’);
layMain.setCollapsedText(“a”,sX);
alert(‘after setting sideways stuff’);

I simply do not have a clue. It blows up on the setCollapsedText command. Any help would be greatly appreciated (i have used similar code in other applications and it works fine.

Thak you

Charlie elliott

#2

Can’t reproduce locally
Please, make and attach completed demo to test it
docs.dhtmlx.com/doku.php?id=othe … leted_demo

#3

Sirs:

Thank God today is the end of the world!

I have two sets of code. They look virtually the same to me.
Yet one set of code yields:

ReferenceError: dhxLayout is not defined
file:///C:/Inetpub/wwwroot/HEADWEB/HTML/cgi-bin/dhtmlxLayout/codebase/dhtmlxlayout.js
Line 91

And one set of code doesn’t.

I have worked on this for over 60 hours and cannot
seem to find why the first code does not run.

Please help me before the Angels come!

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

THE CODE FOLLOWING YIELDS THE ERROR

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

<title>Layout's Cell-Based Init (bad)</title>
.layprnt { position: relative; height: 300px; width: 12px; /*margin: 50px;*/ /* padding:10px; */ /* border: 1px solid black; */ overflow: hidden; } .layrot { position: absolute; top:225px; text-align:right; font-weight:bold; color:black; width:250px; padding:5px; */ /* padding:50px; */ position: absolute; /* border: 1px solid black; */ /* background-color: red; */ transform: rotate(-90deg); transform-origin:5% 77%; -ms-transform: rotate(-90deg); /* IE 9 */ -ms-transform-origin:5% 77%; /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ -webkit-transform-origin:5% 77%; /* Safari and Chrome */ -moz-transform: rotate(-90deg); /* Firefox */ -moz-transform-origin:5% 77%; /* Firefox */ -o-transform: rotate(-90deg); /* Opera */ -o-transform-origin:5% 77%; /* Opera */ }

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

AND THE ONE BELOW WORKS!!!

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

<title>Layout's Cell-Based Init</title>
.layprnt { position: relative; height: 300px; width: 12px; /*margin: 50px;*/ /* padding:10px; */ /* border: 1px solid black; */ overflow: hidden; } .layrot { position: absolute; top:225px; text-align:right; font-weight:bold; color:black; width:250px; padding:5px; */ /* padding:50px; */ position: absolute; /* border: 1px solid black; */ /* background-color: red; */ transform: rotate(-90deg); transform-origin:5% 77%; -ms-transform: rotate(-90deg); /* IE 9 */ -ms-transform-origin:5% 77%; /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ -webkit-transform-origin:5% 77%; /* Safari and Chrome */ -moz-transform: rotate(-90deg); /* Firefox */ -moz-transform-origin:5% 77%; /* Firefox */ -o-transform: rotate(-90deg); /* Opera */ -o-transform-origin:5% 77%; /* Opera */ }
#4

Could you attach animage with expecting result?
Can get any error from both variants.

#5

for people who face same problem, this is because you are loading js files in the wrong order, so you have first load common.js files then your component.js