Yes - I had to move various bits to my init function. As I use the constrained floating pane, I don't know which bits are relevant, so here is all the bits I had to move into my init function
var ParentConstrainedFloatingPane = dojo.declare(dojox.layout.FloatingPane, {
postCreate: function ()
{
this.inherited(arguments);
this.moveable = new dojo.dnd.move.parentConstrainedMoveable(
this.domNode, {
handle: this.focusNode,
area: "content",
within: true
}
);
}
});
var BoxConstrainedFloatingPane = dojo.declare(dojox.layout.FloatingPane, {
postCreate: function ()
{
this.inherited(arguments);
this.moveable = new dojo.dnd.move.boxConstrainedMoveable(
this.domNode, {
handle: this.focusNode,
box: { l: 10, t: 10, w: 400, h: 400 },
within: true
}
);
}
});
var ConstrainedFloatingPane = dojo.declare(dojox.layout.FloatingPane, {
postCreate: function ()
{
this.inherited(arguments);
this.moveable = new dojo.dnd.move.constrainedMoveable(
this.domNode, {
handle: this.focusNode,
constraints: function ()
{
var coordsBody = dojo.coords(dojo.body());
// or
var coordsWindow = {
l: 0,
t: 0,
w: window.innerWidth,
h: window.innerHeight
};
return coordsWindow;
},
within: true
}
);
}
});
var pFloatingPane;
dojo.ready(function ()
{
//add popup floating pane for in
var dock = new dojox.layout.Dock({
id: 'dock',
style: 'position:absolute; bottom:0; right:0; height:500px; width:0px; display:none; z-index:0;'
//tuck the dock into the the bottom-right corner of the app
}, dojo.create('div', null, dojo.body()));
//find size of the map so to get the best possible initial size for the user
popX = map.width * 0.66;
popY = map.height * 0.66;
pFloatingPane = new ConstrainedFloatingPane({
title: "Layer Info",
resizable: true, //allow resizing
closable: false, //we never want to close a floating pane - this method destroys the dijit
dockable: true, // yes we want to dock it
dockTo: dock,
style: 'position:absolute;top:90px;left:340px;width:' + popX + 'px;height:' + popY + 'px;visibility:hidden;overflow:hidden;',
id: "pFloatingPane"
}, dojo.create('div', null, dojo.body()));
dojo.connect(pFloatingPane, 'onFocus', function ()
{
dijit.byId('pFloatingPane').bringToTop();
// alert(1)
});
//do the same for onShow
dojo.connect(pFloatingPane, 'onShow', function ()
{
dijit.byId('pFloatingPane').bringToTop();
});
dojo.connect(pFloatingPane, "onDock", function ()
{
// alert(1)
});
//add popup for draw tools
var drawtools = new ConstrainedFloatingPane({
id: 'drawtools',
title: 'Drawing Tools',
href: 'common/draw.html',
resizable: false,
closable: false,
dockable: true,
dockTo: dock,
style: 'position:absolute;top:100px;left:50px;width:450px;height:480px;visibility:hidden;overflow:hidden;'
},
dojo.create('div', null, dojo.body()));
dojo.connect(drawtools, 'onFocus', function ()
{
dijit.byId('drawtools').bringToTop()
});
dojo.connect(drawtools, 'onShow', function ()
{
dijit.byId('drawtools').bringToTop()
r1 = dijit.byId('radio2')
//it's late, I want to go home, so classic bodge here
if (r1) {
dijit.byId('radio1').set('checked', false);
dijit.byId('radio2').set('checked', false);
dijit.byId('radio3').set('checked', false);
dijit.byId('radio4').set('checked', false);
dijit.byId('radio5').set('checked', false);
}
});
dojo.connect(drawtools.dockNode, 'click', function ()
{
drawToolbar.deactivate(); enableID();
});
pFloatingPane.startup();
dojo.forEach(dojo.query('.dojoxFloatingMinimizeIcon'), function (i)
{
dojo.attr(i, 'onmouseover', 'dojo.style(this, "backgroundPosition", "-21px 50%")');
dojo.attr(i, 'onmouseout', 'dojo.style(this, "backgroundPosition", "0 0")');
dojo.attr(i, 'onmousedown', 'dojo.style(this, "backgroundPosition", "-42px 50%")')
});
});
Hope that helps.
