Also a #3 fix for the "Done" button in IE7/IE6: in ui.all.css find .ui-
colorpicker-submit { ... } (around line 539) and add this to the end:
*width:40px;
This will make the new style look as follows:
.ui-colorpicker-submit {
position: absolute;
left: 296px;
top: 144px;
overflow: hidden;
*width:40px;
}
On Nov 13, 2:54 am, JRozzi <[EMAIL PROTECTED]> wrote:
> 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-colorpickerdiv 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 thecolorpickerwidget:
> --- 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 thecolorpickerdiv 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 athttp://www.twinhelix.com/css/iepngfix/.
> After uploading this iepngfix.htc file, I simply added the following
> to my CSS for thecolorpicker:
> --- 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
> thecolorpickersomewhat more functional for IE6.
>
> Hopefully this helps anyone having IE6colorpickerproblems.
>
> 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
-~----------~----~----~----~------~----~------~--~---
