-
1. Re: Transparent PNG issues in IE 6
ilya_shaikovsky Mar 17, 2009 6:32 AM (in response to fady.matar)Sure we know about the problem and using workaround for it. So please provide information about the RF version where you see the problems and concrete problems descriptions.
RF still supports IE6 so any feedback are welcome. -
2. Re: Transparent PNG issues in IE 6
fady.matar Mar 17, 2009 8:12 AM (in response to fady.matar)I'm using RF 3.3.0.GA
-
3. Re: Transparent PNG issues in IE 6
ilya_shaikovsky Mar 17, 2009 8:21 AM (in response to fady.matar)
however the fix doesn't work in RF components, you still get a weird background for the images rendered in panels or trees, etc...
any details? -
4. Re: Transparent PNG issues in IE 6
fady.matar Mar 17, 2009 8:28 AM (in response to fady.matar)The fix I have for solving the png background is a JS script that replaces the empty background with a blank 1x1 pixel gif image. However images rendered within RF components do not abide by that script.
The solution is effective on png files that are not incorporated in RF components.
Hope that helps -
5. Re: Transparent PNG issues in IE 6
dxxvi Mar 17, 2009 8:46 AM (in response to fady.matar)IMHO, if I have to do this, I'll let jQuery (included in RF) handle the IE6-png issue (so I won't be bothered with some tricky javascript). There are a couple of jQuery plugins that fix that problem here http://plugins.jquery.com/project/cssPNGFix (I don't know which is the best).
Similarly, I use a jQuery plugin to create rounded-corner boxes on the screen instead of using a bunch of div's. It helps me a lot when I use firebug to look at the page. -
6. Re: Transparent PNG issues in IE 6
ilya_shaikovsky Mar 17, 2009 9:05 AM (in response to fady.matar)I've thought that you have some problems with our backgrouds..
But yes if you using some your custom png backgounds you should use some fixes yourself. -
7. Re: Transparent PNG issues in IE 6
fady.matar Mar 17, 2009 9:37 AM (in response to fady.matar)Thanks for the feedback, I'll test some jQuery fixes to see if that helps.
You guys might have missed the point, I have included the fix globally in the application and it works for pngs except when they're embedded in the RF components.
I'll see if a jQuery solution propagates to the RF components themselves.
Thanks again -
8. Re: Transparent PNG issues in IE 6
ilya_shaikovsky Mar 17, 2009 9:58 AM (in response to fady.matar)ok.. in general provide the sample for us if your results with JQuerry will not be successfull.
-
9. Re: Transparent PNG issues in IE 6
fady.matar Mar 18, 2009 6:01 AM (in response to fady.matar)The approach with jQuery failed as well in regards to RF components.
Now the menu items do not render and I get a JS error indicating that the object does not support the property or method.
Note that I'm using jQuery 1.3.2 -
10. Re: Transparent PNG issues in IE 6
ilya_shaikovsky Mar 18, 2009 6:10 AM (in response to fady.matar)at first we forgot to mention that you could use the jQuery which bundled with RF in order to prevent versions conflict.
the example of usage built in prototype.
http://livedemo.exadel.com/richfaces-demo/richfaces/script.jsf?c=loadScript&tab=usage -
11. Re: Transparent PNG issues in IE 6
fady.matar Mar 19, 2009 10:11 AM (in response to fady.matar)What version of jQuery is embedded with RF-3.3.0.GA? It looks like the embedded version does not support the basics of jQuery and here's my approach:
I have included the bundled jquery using the following:<a4j:loadScript src="resource:///org/richfaces/renderkit/html/scripts/jquery/jquery.js" />
The import works fine and the script can be visible.
Now importing a script on the page containing the following:$(document).ready(function() { //JS code goes in here
Firebug detects that the $(document) function is not defined.
My second approach was to extract the script from the jQuery jar itself and modify the loadScript tag to be as follows:<a4j:loadScript src="/js/jquery.js" />
The error was still there, the $(document) function is not defined.
Finally I downloaded JQuery and replaced the jquery.js file with the downloaded one and everything works in terms of jQuery context.
Is there any other way to reference jQuery.js? Am I using the wrong script? -
12. Re: Transparent PNG issues in IE 6
fady.matar Mar 19, 2009 10:17 AM (in response to fady.matar)I finally managed to invoke jQuery properly:
the $ function is not defined for some reason, so I resorted to use the original jquery function names i.e.jQuery(document).ready(function(){ }
and things work fine now, however I have not tested the png script yet, I'll post the results in a while -
13. Re: Transparent PNG issues in IE 6
ilya_shaikovsky Mar 19, 2009 12:16 PM (in response to fady.matar)yes, there was conflict with prototype $.