ok. so the problem here is that Tips.js calls your show option *before* it positions the tip. This is because the tip is hidden, so it waits for you to show it and then positions it. Further, the default option is to follow the mouse, which means it calls position repeatedly after the tip is visible.
So when you make your style changes, they are overwritten by the position method. To make this work, we need to change the offset option dynamically: http://mootools.net/shell/Swat4/2/ On Mon, Mar 15, 2010 at 11:25 AM, hamburger <[email protected]> wrote: > Sorry, > http://mootools.net/shell/Swat4/ > > On 15 Mrz., 18:49, Aaron Newton <[email protected]> wrote: > > My first suggestion is that you put this in a mooshell so we can see what > is > > and is not working. > > > > > > > > On Mon, Mar 15, 2010 at 4:10 AM, hamburger <[email protected]> wrote: > > > Hekko Aaron, > > > i'am not sure that you are going to help me further but i tried to do > > > what you recommended > > > i have the following > > > > > onShow: function(tip,el) { > > > var coords = tip.getCoordinates(), t = tip.getSize(), styles = > > > {opacity: 0}; > > > styles.left = coords.left + (coords.width / 2).round() - (t.x / > > > 2).round(); > > > styles.top = coords.top - 20 - t.y; > > > tip.setStyles(styles); > > > tip.fade('in'); > > > }, > > > > > but i dont get a result. do you have one more hint? > > > > > On 14 Mrz., 17:54, Aaron Newton <[email protected]> wrote: > > > > there is no css style property "offset". The code you'll have to > write is > > > to > > > > show the tip, measure the tip element, measure the element you are > > > > positioning next to, decide whether it should be above or below it > (or > > > > whatever) and then alter the top (and perhaps the left) style > > > accordingly. > > > > It's not a trivial amount of code (I'm not going to write it for you) > but > > > > it's not that much either. > > > > > > On Sat, Mar 13, 2010 at 6:42 AM, hamburger <[email protected]> wrote: > > > > > thx Aaron, > > > > > but sorry i'am to stupid. > > > > > i tried this: > > > > > > > onShow: function(tip,el) { > > > > > tip.setStyle('offset', {'x': 0,'y': 0}); > > > > > tip.fade('in'); > > > > > //offset: {'x': 40,'y': -110} > > > > > }, > > > > > > > but thats not the way it is ... > > > > > > > On 12 Mrz., 17:51, Aaron Newton <[email protected]> wrote: > > > > > > The onShow and onHide methods are there for you to overload > whatever > > > > > > functionality you want. You'll have to do some measurements of > your > > > own > > > > > to > > > > > > manage that, but you can put as much logic in there as you need. > > > > > > > > On Fri, Mar 12, 2010 at 1:49 AM, hamburger <[email protected]> > wrote: > > > > > > > Hello, is there a possibility to change the offset in > dependency of > > > > > > > the hight of the tip element? > > > > > > > > > var Hint = new Tips($$('.poptip'), { > > > > > > > offset: { > > > > > > > 'x': 40, //I would like to adjust this in > dependency > > > of > > > > > > > the width or hight of the tip element > > > > > > > 'y': -110 //maybe this.getHight()-100 > > > > > > > } > > > > > > > onShow: function(tip,el) { > > > > > > > tip.fade('in'); > > > > > > > }, > > > > > > > onHide: function(tip,el) { > > > > > > > tip.fade('out'); > > > > > > > } > > > > > > > });- Zitierten Text ausblenden - > > > > > > > > - Zitierten Text anzeigen -- Zitierten Text ausblenden - > > > > > > - Zitierten Text anzeigen -- Zitierten Text ausblenden - > > > > - Zitierten Text anzeigen - >
