jQuery plugin to show the contents of a specific div on an external page??

Question

Scenario:

Say I am on an invoice details page. I have a customer name label and I want to be able to load customer details into a popup tooltip on mouseover of the label.

The contents of this tooltip should come from the contents of a specific div on an external page, for example:

ExternalURL: Customers.aspx?CustomerID=224
ExternalDIV: CustomerDetail

So, the URL pulls up the details for a specific customer, and by passing the div name, I don't display the header or any extraneous information that would normally be displayed when doing a proper navigation to the page. The reason for wanting to call an external page is so I can popup customer details from any page with very little coding.

I swear I found a plugin that does this a few months ago but can't seem to track it down now....

Answer 1

As long as that external page is on the same domain, you can do this using jQuery's ajax load function.

Par example:

$("#currentDiv").load("/Customers.aspx?CustomerID=224 #CustomerDetail");

Answer 2

Might work:

http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html

He has the external page name (personajax.aspx) and div name (personPopupResult) hardcoded, but these could be passed as parameters, just as he is passing 'page' and 'guid' as parameters.