Awesome Karl!!! Here's a challenge for you. One of the troubles that I found today was that if the popup opened near the bottom of the screen or too close to either side of the browser, the popup would be cutoff. So what would be cool is if its too close to the bottom of the browser, it popped up above the link and if the popup was going to be cut off on either side of the browser window, it would automatically shift in the opposite direction so that it wouldn't be cutoff. I fiddled with it but I'm still trying to learn CSS positioning. You up for the challenge? :o) Rey... An awesome feature would be Karl Swedberg wrote: On Sep 21, 2006, at 2:30 PM, Rey Bango wrote:This though:#JT { overflow: hidden; } caused the arrow image to disappear. Not sure why.It's all working beautifully now, as far as I can tell: http://test.learningjquery.com/jtiptest.htm Here are the extra changes I made: * to http://test.learningjquery.com/scripts/jtip.js ... - pulled "JT_arrow_left" and "JT_arrow_right" out of the "JT" div. ex: $('body').append('<div id="JT_arrow_left"></div>'); - set the left and top properties of the arrows independently. if ($('#JT_arrow_left')){ $('#JT_arrow_left').css({left: (clickElementx - 10) + "px", top: (clickElementy-1)+"px"}); } if ($('#JT_arrow_right')){ $('#JT_arrow_right').css({left: (getAbsoluteLeft(linkId) - 15) + "px", top: clickElementy+"px"}); } * to http://test.learningjquery.com/css/global.css ... /* for consistency between firefox and IE */ body > #JT_arrow_right { margin-top: 0; margin-left: 3px; } Still needs to be tested in the wild, but looks spiffy on Firefox and IE6. Cheers, Karl _______________________ Karl Swedberg www.englishrules.com www.learningjquery.com _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ |
_______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/