emaender
01-12-2004, 01:17 PM
Please see the code I've posted below. When this application loads, you can click on any one of the 3 buttons without a problem, with each button simply writing text to the debugger.
However, if you click and drag on one of the windows, you no longer get immediate focus on the other windows' button when you mouse over it. This results in the user needing to "double click" on the button to get it to function - an undesirable user experience. It looks like the window that has focus is preventing the other windows button from receiving the "onmouseover" event.
The button contained in the view at the top will work regardless of whether one of the windows currently has focus - leading me to believe the problem is in the Window component.
Is there a way to work around this? Thank you in advance for your help on this!
<canvas width="1000" height="1000" >
<debug x="390" />
<view bgcolor="0xc0c0c0" name="win1" x="10" y="1" width="200" height="200" >
<text>Hello 1</text>
<button name="test1" text="Test 1" onclick="debug.write('Test first window');">
</button>
<simplelayout />
</view>
<window name="win2" x="10" y="210" width="200" height="200"
resizable="true" closeable="true" >
<text>Hello 2</text>
<button name="test2" text="Test 2" onclick="debug.write('Test second window');" >
</button>
<simplelayout />
</window>
<window name="win3" x="210" y="210" width="200" height="200"
resizable="true" closeable="true" >
<text>Hello 3</text>
<button name="test3" text="Test 3" onclick="debug.write('Test third window');" >
</button>
<simplelayout />
</window>
</canvas>
However, if you click and drag on one of the windows, you no longer get immediate focus on the other windows' button when you mouse over it. This results in the user needing to "double click" on the button to get it to function - an undesirable user experience. It looks like the window that has focus is preventing the other windows button from receiving the "onmouseover" event.
The button contained in the view at the top will work regardless of whether one of the windows currently has focus - leading me to believe the problem is in the Window component.
Is there a way to work around this? Thank you in advance for your help on this!
<canvas width="1000" height="1000" >
<debug x="390" />
<view bgcolor="0xc0c0c0" name="win1" x="10" y="1" width="200" height="200" >
<text>Hello 1</text>
<button name="test1" text="Test 1" onclick="debug.write('Test first window');">
</button>
<simplelayout />
</view>
<window name="win2" x="10" y="210" width="200" height="200"
resizable="true" closeable="true" >
<text>Hello 2</text>
<button name="test2" text="Test 2" onclick="debug.write('Test second window');" >
</button>
<simplelayout />
</window>
<window name="win3" x="210" y="210" width="200" height="200"
resizable="true" closeable="true" >
<text>Hello 3</text>
<button name="test3" text="Test 3" onclick="debug.write('Test third window');" >
</button>
<simplelayout />
</window>
</canvas>