I feel like I'm "abusing" jQuery by using the tooltip script this way, but I have four buttons on a client's website that, when hovered over, display a block of HTML content in the white space below. I'm not even using a tooltip background, so they're really not tooltips per se . . . the triggers are just being used to hide/show content.
The content shown is different for each button, but I want the content to display in the same spot?in other words, I don't want the tooltip to position itself relative to the trigger, but rather relative to the document. If I understand correctly, that should be the default behavior, but it isn't it in my case. Also, the "relative" value has no effect (using 'true' or 'false' doesn't affect the tooltip positioning). I tried using CSS to compensate for this but the javascript overrides it.
It seems like my only option, unless someone figures out what I'm doing wrong, is to create four separate settings and use the offset on each to get the content in the right place. I will do this for the time being but would prefer a more graceful solution.
Any ideas?
EDIT: It turns out it was just a coincidence that the "relative" value did not affect the position (I just happened to have my browser at the right size that it was almost identical). After changing the size of my browser window, I now see that it does affect the position, however, it still seems to be taking into account the location of the trigger. Honestly, I can't really figure out how it's coming up with the position.
My workaround works, though, so I'm not too worried. It ONLY work, however, when "relative" is set to 'true'. Otherwise, the position seems to be influenced by the size of the browser window.
Very confusing, but I'm happy with the result. I am having another problem too, but that's for a different thread . . .
The content shown is different for each button, but I want the content to display in the same spot?in other words, I don't want the tooltip to position itself relative to the trigger, but rather relative to the document. If I understand correctly, that should be the default behavior, but it isn't it in my case. Also, the "relative" value has no effect (using 'true' or 'false' doesn't affect the tooltip positioning). I tried using CSS to compensate for this but the javascript overrides it.
It seems like my only option, unless someone figures out what I'm doing wrong, is to create four separate settings and use the offset on each to get the content in the right place. I will do this for the time being but would prefer a more graceful solution.
Any ideas?
EDIT: It turns out it was just a coincidence that the "relative" value did not affect the position (I just happened to have my browser at the right size that it was almost identical). After changing the size of my browser window, I now see that it does affect the position, however, it still seems to be taking into account the location of the trigger. Honestly, I can't really figure out how it's coming up with the position.
My workaround works, though, so I'm not too worried. It ONLY work, however, when "relative" is set to 'true'. Otherwise, the position seems to be influenced by the size of the browser window.
Very confusing, but I'm happy with the result. I am having another problem too, but that's for a different thread . . .
