On Sep 21, 2006, at 11:45 AM, Rey Bango wrote:
> Solved!! Thanks to Yehuda Katz for pointing me over to the jQuery date
> picker plugin which had a IE hack that resolved the issue!
>
> I took some code from the date picker plugin and update JTip.
> Here's the
> code for anyone interested:
>
> global.css (added):
>
> #JT iframe
> {
> display:none;/*sorry for IE5*/
> display/**/:block;/*sorry for IE5*/
> position:absolute;
> top:0;
> left:0;
> z-index:-1;
> filter:mask();
> width:3000px;
> height:3000px;
> }
>
> jtip.js (added immediately after the JT div is created):
>
> if ($.browser.msie) {
>
> / we put a styled iframe behind the calendar so HTML SELECT elements
> don't show through
>
> $('#JT').append(document.createElement('iframe'));
>
> }
That's great, Rey! Glad you got it worked out. I'm curious, though,
if that works without doing this, too:
#JT {
overflow: hidden;
}
I tried to solve your case, too, and did it very similarly, with just
a couple differences:
- Added everything you did in global.css EXCEPT for the height and
width.
- Put this right after div is created in jtip.js:
if ($.browser.msie) {
$('#JT').prepend('<iframe id="jTipiFrame"></iframe>');
var iwidth = (params['width']*1+79) + "px";
$('#jTipiFrame').width(iwidth).height('450px');
}
So, I made the width the same as that of the jTip, and I made the
height ... um ... 450px. That's my one sticking point. If I set #JT
to "overflow:hidden", I can give #jTipiFrame a ridiculous height; if
I don't, I get scrollbars on hover. I tried to give it the same
height as that of #JT, but apparently the #JT height is computed
before it's loaded. The "overflow: hidden", on the other hand, cuts
off some of your text.
Oh well, it was worth a try anyway. If you're interested in seeing my
version of your test page, go to
http://test.learningjquery.com/jtiptest.htm
(Note: I didn't upload the little arrow images, so it won't look
perfect)
Cheers,
Karl
___________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
