Using HTML inside laszlo page

[ramikhalyleh]

Hi all;

I tried this, so the SWF object remains the top and the second html div behind the div of flash object.

Thanks

[d~l]

The idea is to position the div containers so that they are positioned side by side .. not overlaying.

Use CSS style sheet to define absolute positions of the two div's.

e.g.


div.swfcontainer
{
position: absolute;
left: 0px;
top: 0px;
width: 400px;
height: 400px;
margin: 0px;
padding: 0px;
background: #ffffff;
visibility: visible;
display: inline;
}

div.htmlcontainer
{
position: absolute;
left: 400px;
top: 0px;
width: 400px;
height: 400px;
margin: 0px;
padding: 0px;
background: #ffffff;
visibility: visible;
display: inline;
}


If you need to clip the openlaszlo view when HTML is present, investigate use of CSS Clip style.

See CSS examples here. (http://www.aglasshalffull.org/css-resources/stylechangeswithw3cdom.html)

If you really must have HTML in the middle of the OpenLaszlo canvas then you must use Deng.

Or another "skinning" approach is to surround the HTML div with other div's in a 3x3 grid .. but it is then much more difficult to sync views.

So stay with the simple two div solution.

With CSS/javascript you can make your HTML div invisible then resize your OpenLaszlo div to be bigger.