quarta-feira, 20 de junho de 2007

OpenLaszlo + FusionChart uma solução de integração

lembrando um velho assunto de integração entre ambos( OpenLaszlo + FusionChart ), sugeri a um conhecido( Leonardo Frangelli ) que da App OpenLaszlo chamar um Javascript e esse exibisse o FusionChart em um div layer sobre a App OpenLaszlo...

ps.: legal que essa solução funcionou...

caso mais alguem queria, pode utilizar a mesma idea, para isso de uma olhada nos respectivos links, relacionados a conhecimento necessário para utilizar essa solução:
- HTML sobre um Flash( swf )
- OpenLaszlo: integrando com a página HTML

HTML sobre um Flash( swf )

algo que pode ser útil a alguem é como conseguir colocar um código HTML em cima de um Flash( swf ) na página, digamos que queira usar um div layer que fique sobre esse Flash( swf ) em questão, caso tente diretamente irá observar que não funciona...

mas existe uma forma de conseguir isso, observe o código abaixo:

<div style="position:relative; font-size:30px; z-index:5;">LAYER 5</div>

<div style="position:relative; font-size:30px; z-index:2">LAYER 2 before flash</div>
<div style="position:absolute; top:0; left:0; font-size:120px; z-index:2;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="150" id="recursion_tree_branch" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="opaque" />

<param name="movie" value="seuFlash.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#e7e7e7" />
<embed src="seuFlash.swf" mce_src="seuFlash.swf" wmode="opaque" quality="high" bgcolor="#e7e7e7" width="200" height="150" name="yourmovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

<div style="position:relative; font-size:30px; z-index:4">LAYER 4</div>
<div style="position:relative; font-size:30px; z-index:2">LAYER 2 after flash</div>
<div style="font-size:30px; z-index:1">LAYER 1</div>


fonte: [link]