pnmorrison Posted November 12, 2009 Report Share Posted November 12, 2009 i want to use a jquery tooltip on my site but my problem is that i have two input fields side by side. This means that when i click into a field the position of the tooltip does not appear in the same place (x position) on the page as desired. It appears relative to the field because i have the following parameter. // a little tweaking of the position offset: [0, 165], Ideally i would like to do away with using offset. Is there a parameter i can use like xposition, yposition, or xpos, ypos or something similar...basically i want the tooltip to appear at the same x value on the page regardless of the posion of the field. Is this even possible - im thinking could it be done using absolute values...? Anyone know the solution or where i might find it? Best Rgds Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted November 12, 2009 Report Share Posted November 12, 2009 (edited) Does jquery give your tooltip anchor (or whatever) a class? Use firebug to see. Then just target the class (in "your" css) that jquery gave it. Edited November 12, 2009 by Eric Quote Link to comment Share on other sites More sharing options...
BeeDev Posted November 12, 2009 Report Share Posted November 12, 2009 (edited) Yep if you're using jTip plugin for jQuery then just put in your CSS: #JT { position: fixed; top: 100px; left: 100px; } Can't really help without looking at any code. EDIT: But the Javascript will probably override your CSS, so need to do some javascript hacking too i'm afraid. Edited November 12, 2009 by BeeDev Quote Link to comment Share on other sites More sharing options...
pnmorrison Posted November 12, 2009 Author Report Share Posted November 12, 2009 i wasnt using jTip plugin but i might give that a go instead then. thanks, rgds. Quote Link to comment Share on other sites More sharing options...
pnmorrison Posted November 12, 2009 Author Report Share Posted November 12, 2009 ideally i would want this if the same can be ahcieved using a jquery plugin rather than javascript/css http://www.ajaxupdates.com/form-field-tooltip-hints-with-css-javascript/ does anyone know of an example... best rgds Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 12, 2009 Report Share Posted November 12, 2009 Here's one that might be worth a look based in jquery. If I understand your original example correctly, you'll want to look for the header "Customizing triggers" -- that should be the closest implementation of what you are wanting. I am sure this could be styled using CSS to look the way you want it to. http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html Quote Link to comment Share on other sites More sharing options...
pnmorrison Posted November 13, 2009 Author Report Share Posted November 13, 2009 benjamin this is indeed the sort of thing im after. many many thanks for finding this - star! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.