[Solved] Should be simple question

[gtppopzz]

I am pretty new to the jquery stuff but I have been looking around everywhere today trying to figure out how to do something that seems like it should be rather simple.

I want to have a list of items say in a left column and an empty right column that when you mouse over the words on the left it opens the tool tip in a static location every time so same place no matter what word you moused over now the information would be different each time but location of tool tip I want to stay the same. I noticed in an older version it looked like you could just adjust the x y coordinates to make this happen but I haven't found anything in my research yet telling me how to statically position the tool tip every time.

Link to old documentation

Scroll down to the Part:

Also available is the option of user-defined absolute and/or relative positions using coordinate arrays e.g. absolute: [posX, posY], relative: ["posX", "posY"] or mixed: ["posX", posY]/[posX, "posY"] e.g.

with code :

$("JQUERY SELECTOR").simpletip({ fixed: true, position: [100, 730] });

Again I want many different tool tips but in the same location each time.

[Craig]

You can simulate this by setting corner.target to 'topLeft', and setting the position.adjust.x/y values:

JS Code

$('.selector').qtip({
	content: 'content',
	position: {
		corner: {
			target: 'topLeft',
			tooltip: 'topLeft'
		},
		adjust: {
			x: 10,
			y: 10
		}
	},
	hide: {
		fixed: true
	}
});

[gtppopzz]

This is what my code looks like but for some reason not matter what I do the tool tip still looks the same. It wont change positions and I can't even make it change colors or anything I dunno what is wrong.

A look at the page im working on the link in orange is first example

Quote: $('#content a[href][title]').qtip({
content: 'content',
position: {
corner: {
target: 'topLeft',
tooltip: 'topLeft'
},
adjust: {
x: 200,
y: 10
}
},
hide: {
fixed: true
}
});

[Craig]

You're missing a });

JS Code

$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('#content a[href][title]').qtip({
   content: 'content',
   position: {
      corner: {
         target: 'topLeft',
         tooltip: 'topLeft'
      },
      adjust: {
         x: 200,
         y: 10
      }
   },
   hide: {
      fixed: true
   });
});

[gtppopzz]

Ok Well I updated that and I am still having the same thing happen. I don't know if I need to add a mouse function or something to make it act or move to the correct place but for some reason the style of the tool tip is very bland almost seems like its pulling its style from my css file. Like I said I am a pretty much a beginner when it comes to jquery but I am looking forward to learning it an using it to its full potential.

JS Code

<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('#content a[href][title]').qtip({
   content: 'content',
   position: {
      corner: {
         target: 'topLeft',
         tooltip: 'topLeft'
      },
      adjust: {
         x: 200,
         y: 10
      }
   },
   hide: {
      fixed: true
   });
});
</script>

my new code. doesnt seem to have changed anything.

[Craig]

I assume since you posted on the 1.0 forum you're definitely using qTip1 right? qTip2 uses an external stylesheet which might be your problem.

[gtppopzz]

Honestly im going to sound like an idiot which I may very well be but im not sure what version im using. I think originally I was trying to get version 1.x to work but most of the documentation i found was for version 2.x then I couldnt figure out how to statically place them with version two.

I have both jquery-1.3.2.min and jquery-1.4.4.min the I have not built a css file for the qtip so im not all together sure. I basically have been searching all day for the easiest way to mouse over text and have it display text in an always static location no matter where the mouse over came from.

[Craig]

Ok well you'll need to pull the CSS file from the qTip2 GitHub repo: https://github.com/Craga89/qtip2/tree/master/dist/ and link to it on your page. You'll also need to be using jQuery 1.4 and above for qTip2

[gtppopzz]

Ok well that is exactly what I have done and I know this now should be in the 2.x forum. I am still having problems I have went through tons and tons of tutorials and looked at the installation procedure and everything seems to be correct yet for some reason I still cannot get a tool tip to work at all now with 2.x. I think my biggest problem is seeing what has to be in the html part to call the tool tip. I think it would be easier if on your pages where its explained how to do it if there was a live example of each thing that is explained. Thanks for your help so far hopefully now im close to getting where I want to go.

[Craig]

Sorry to hear you're having a hard time getting it working. I'm not sure how much more clear the examples could be at this point. The demos provide ample examples of the code in action along with highlighted source... You might want to check-out the simple integration demo: http://craigsworks.com/projects/qtip2/demos