[Laszlo-dev] Modifying CSS on images in view.sprite.__LZdiv.innerHTML

[Raju Bitter]

I will do that. :-) Thanks for the hint!

On Aug 24, 2009, at 3:31 PM, P T Withington wrote:

> It would be greate to attach this information to the relevant Jira  
> item, so we don't lose it.
>
> On 2009-08-23, at 19:16EDT, Raju Bitter wrote:
>
>> Correction: I thought it would be possible to use an image attached  
>> to a div with an alpa channel. As I just learned, that's only  
>> possible with a combination of the border-image property with box- 
>> shadow:
>> http://www.w3.org/2009/07/B-and-B/border-image-shadow-combine.html
>>
>> And there's no agreement right now on how a combination of these  
>> effect should be treated.
>> I was able to modify the CSS style of an image attached to a view  
>> by using view.getMCRef().firstChild.style, but of course that could  
>> only be used for testing.
>>
>> border-image and Flash's 9-slice:
>> border-image could be interesting, as it means it's possible to  
>> implement Flash 9-slice behavior for DHTML.
>> http://livedocs.adobe.com/flash/9.0/UsingFlash/help.html?content=WSd60f23110762d6b883b18f10cb1fe1af6-7db8.html
>>
>> On Aug 23, 2009, at 10:28 PM, Raju Bitter wrote:
>>
>>> If we want to support drop shadows for images (transparent PNG  
>>> with drop shadow, see the attached screenshot), I need to be able  
>>> to modify the CSS of an image attached to a view.
>>>
>>> Right now the image class is set to
>>> <img class="lzimg" src="OpenLaszlo.png">
>>>
>>> Is there any programmatic way to attach CSS to the image object?  
>>> Guess not. If you wonder, have a look at the attached screenshot.  
>>> On the left side is a Flash DropShadowFilter applied to a view,  
>>> which has a transparent PNG as resource. On the right side is the  
>>> same code in DHTML, but the shadow is attached to the view  
>>> containing the PNG instead.
>>>
>>> If we only want to support drop shadows on views and not on  
>>> images, that's ok. But having the support for images is much more  
>>> powerful. Text drop shadow support in  DHTML is a different  
>>> feature which we can implement, but I think the image based  
>>> dropshadow is need as well.
>>>
>>> <Transparent-PNG-DropShadow.png>
>>
>