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
[email protected]
http://jquery.com/discuss/
|
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
