Ben, Thanks for the fix on the typo, it helped.
I went ahead and did some more quick fixes for IE6 for anyone
interested:
Fix #1. I noticed the that the main ui-colorpicker div interfered with
<select> input types (and possibly others) because of how IE6 handles
<select> elements as a "windowed" control. It was if the z-index
wasn't working properly. To fix this I modified jquery.ui.all.js
(1.6rc2) around line 5778 I added the following to the end of the
_init function() for the colorpicker widget:
--- code start ---
if (document.all && (navigator.userAgent.toLowerCase().indexOf("msie
6.") != -1)) {
this.picker.append("<iframe style=\"position: absolute; display:
block; z-index: -1; width: 100%; height: 100%; top: 0; left: 0;
filter: mask(); background-color: #ffffff; \"></iframe>");
}
--- javascript code end ---
This is an obvious hack that converts the colorpicker div in to a
windowed control by blending it with an iframe.
Fix #2. I also noticed that the ui-colorpicker-color div was not
properly doing the PNG transparency for the gradient effect on the
"colorpicker_overlay.png" file. To fix this I used the IE PNG Alpha
Fix (iepngfix.htc) found at http://www.twinhelix.com/css/iepngfix/.
After uploading this iepngfix.htc file, I simply added the following
to my CSS for the colorpicker:
--- code start ---
<!--[if lte IE 6]>
<style type="text/css">
.ui-colorpicker-color div { behavior: url("iepngfix.htc"); }
</style>
<![endif]-->
--- code end ---
These 2 fixes along with Ben's find above will at least make the
colorpicker somewhat more functional for IE6.
Hopefully this helps anyone having IE6 colorpicker problems.
Joe Rozzi
On Nov 11, 8:47 pm, BenO <[EMAIL PROTECTED]> wrote:
> Hi, I had the same problems but there are workarounds in 1.6 rc2.
>
> As for the IE issue, it is because of an error in the html that is
> appended to the body. Download the rc2 full zip and in the
> jquery.ui.all.js, find line 5719. That is the picker's html. It is
> missing a closing bracket on one of the label tags: '<label
> for="ui-colorpicker-rgb-b"</label>' -> '<label for="ui-colorpicker-rgb-b"></
> label>'. After making that change it wont scatter textboxes all over
> the page, but the picker is not pretty (in IE) and you will have to do
> a little css work.
>
> as for the second, I dont know.
>
> The close trigger is exposed (in rc2 anyway). It is called submit.
> This code works for me with 1.6rc2:
>
> $('#selector').colorpicker({
> color: myColor,
> submit: function(e, ui){
> callBack($(this), ui.hex);
> $(this).data("colorpicker").picker.hide();
> }
>
> });
>
> Now, FWIW, I tried including thehttp://ui.jquery.com/ui.jsfile, and
> my submit function was NOT called, but it was visually fixed in IE.
>
> Ben
>
> On Oct 8, 11:22 am, halkeye <[EMAIL PROTECTED]> wrote:
>
> > Since the bug tracker is down I am bringing up the issues on the
> > mailing list.
>
> > So far I think the color picker is just fantastic but I have some
> > minor issues.
>
> > Firstly, the color picker doesn't work at all in IE. Even the
> > functional demos do not render properly. Throws up a random button in
> > the middle of the screen (before thecolorpickeris even triggered).
>
> > Secondly, you are unable to enter F's in the hex code section of the
> > picker. And even if you do enter a color it just reverts to the
> > previous value.
>
> > Thirdly, the close/blur trigger is not exposed. There is no way to
> > make the picker go away when you click the done button.
>
> > Are there any known workarounds or fixes for any of these issues?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
