Threaded Mode | Linear Mode

netzton

Hi, guess I need some help from you guys as I am pretty stuck with what I want to do....

I want to use qTip to built a navigation. Should work like this:
When mouse over one menu item a qTip is opened from a html file which contains the code to open another menu item.
What I have done so far: http://www.netzton.ch/test/bild.html
My problem:
From the bild.html mouse over the first left menu item opens the qTip. Also the second left menu item works from bild.html.
Once a qTip opened I can no longer navigate from there to any other menu item.
It simply does not work.
Hope I could describe my problem properly.
What am I doing wrong?

Thanks for your help

***Craig***

Netzton, if you look carefully at the HTML that's being returned, your appending a whole new DOM structure (including <head> and <meta> elements) to the tooltip. This is bound to cause unexpected behaviour.

A better solution to using a separate page for each menu item, is to simply store them on the same page, but hidden from view. Then select them using a regular jQuery selector which will be appended to the tooltip.

netzton

Hi Craig, thanks for your answer. But I am kind of lost here. Not very much experienced with javascript at all...
Would it be possible for you to give me an example of what you're suggesting?
Or is there any example in the Forum which I must have overlooked.
I would even be ready to pay or make a donation anyway for your support as I need to built this for a customer.
I would really appreciate your help in this matter.

Sorry, was too quick in posting the reply... thank you very much for your help

netzton

Hi Craig, I'm so sorry my last post was going in the wrong direction. You must have understood that my problem was solved. This is not the case.
I still need your help:

I am kind of lost here. Not very much experienced with javascript at all...
Would it be possible for you to give me an example of what you're suggesting?
Or is there any example in the Forum which I must have overlooked.
I would even be ready to pay or make a donation anyway for your support as I need to built this for a customer.
I would really appreciate your help in this matter.

Thanks a lot

***Craig***

Check this quick example out:

HTML Code

<div id="submenu-0" style="display: none;">Links here</div>
<div id="submenu-1" style="display: none;">Links here</div>

JS Code

$('.selector').each(function(i) {
   $(this).qtip({
      content: $('#submenu-' + i)
      hide: { fixed: true }
   });
});

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	Position of qTip Modal from call within a tooltip	chuuke	1	111	17th January 21:54 Last Post: Craig
	ajax call with dataTable lib	hanabadler	0	453	23rd September 03:42 Last Post: hanabadler
	[Solved] How to call javascript function within Qtip?	When2Meets2	7	829	19th September 16:49 Last Post: Craig
	Ajax call not being made from qtip	sz3y1w	1	649	7th September 19:55 Last Post: Craig
	Auto width with Ajax Call	sisilone	1	1,314	2nd September 12:34 Last Post: Craig
	Call other functions from within the tooltip	hoopdloop	2	499	13th August 15:34 Last Post: hoopdloop
	[Solved] AJAX call: use different dataFilter than $.ajaxSetup?	ItzMeJoey	3	1,844	6th July 17:53 Last Post: ItzMeJoey
	Add Title to Content with an Ajax Call	brant	2	1,094	15th April 16:24 Last Post: Craig
	[Solved] using the updateStyle API call	rmckillen	2	838	5th April 17:14 Last Post: rmckillen
	Call javascript function within Qtip?	Meista	1	2,066	1st April 14:06 Last Post: sveiki