[jQuery] Re: tool tip / ajax / image map
Sorry, not sure what you mean by reinitialize. Can you be more specific? Here's what's happening / not happening... Please go here: http://brinsterinc.com/blazzi/events1.php Click the image in the footer. It loads in the main div. Mouse over the headlight. No tooltip, just an alt tag. Click and the links to buy the headlight load in the right col. Now go here: http://brinsterinc.com/blazzi/pages/1472.php And you'll see the page that actually loads in the main div. Mouse over the headlight, and the tool tip works. All the Jquery scripts and the required CSS are included in the head of the document so everything available when the page loads by itself is also available when the page loads in the div. Thoughts? Scott Sauyet-3 wrote: webguy262 wrote: I need to get a tooltip that works when the page containing the image and the image map is ajax-ed into a div... I think any of them will work, but you'll have to reinitialize them on the ajaxed content... -- Scott -- View this message in context: http://www.nabble.com/tool-tip---ajax---image-map-tp25204162s27240p25278629.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: tool tip / ajax / image map
webguy262 wrote: I need to get a tooltip that works when the page containing the image and the image map is ajax-ed into a div... I think any of them will work, but you'll have to reinitialize them on the ajaxed content... -- Scott
[jQuery] Re: tool tip / ajax / image map
I need to get a tooltip that works when the page containing the image and the image map is ajax-ed into a div... Anybody have any ideas? I could really use some help if anyone has a suggestion! Kinda on a deadline! webguy262 wrote: Thanks, Scott, for the reply. The space separated class info is great! Actually, the hot spots in the beta do carry the ajaxify behavior, loading their links in the right hand column. And I just discovered they work even if the page that holds the image and the image map does not reference any of the necessary scripts. So that's the good news. And along with your space-separated list tip I'm making progress. But I still need to get a tooltip that works when the page containing the image and the image map is ajax-ed in... Thoughts? Scott Sauyet-2 wrote: Even had this approach worked, I am not sure how I would have preserved the ajax-ability of the hot spot links. The ajaxify jquery needs class=ajaxify, while the tooltip needs class=screenshot. This isn't an issue; you can always have a space-separated list of class names: class=ajaxify screenshot Does anyone know if there is a way to accomplish everthing I need? Tooltip with text and image... works with an image map... works when the page is ajaxed... allows the hot spot in turn to be ajax in content to another div. It sounds like that last is your real issue. Remember that when you run something when the document is loaded, it runs only on what's already in the DOM. So whether you use $(document).ready() or window.onload, if your code is modifiying the DOM or hooking events into it, that code has finished running before your code is Ajax'd into the page. There are several good approaches to this, including calling your method again on a successful Ajax call, or using the livequery plugin, or using live events [2]. Good luck, -- Scott [1] http://docs.jquery.com/Plugins/livequery [2] http://docs.jquery.com/Events/live -- View this message in context: http://www.nabble.com/tool-tip---ajax---image-map-tp25204162s27240p25212488.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: tool tip / ajax / image map
Even had this approach worked, I am not sure how I would have preserved the ajax-ability of the hot spot links. The ajaxify jquery needs class=ajaxify, while the tooltip needs class=screenshot. This isn't an issue; you can always have a space-separated list of class names: class=ajaxify screenshot Does anyone know if there is a way to accomplish everthing I need? Tooltip with text and image... works with an image map... works when the page is ajaxed... allows the hot spot in turn to be ajax in content to another div. It sounds like that last is your real issue. Remember that when you run something when the document is loaded, it runs only on what's already in the DOM. So whether you use $(document).ready() or window.onload, if your code is modifiying the DOM or hooking events into it, that code has finished running before your code is Ajax'd into the page. There are several good approaches to this, including calling your method again on a successful Ajax call, or using the livequery plugin, or using live events [2]. Good luck, -- Scott [1] http://docs.jquery.com/Plugins/livequery [2] http://docs.jquery.com/Events/live
[jQuery] Re: tool tip / ajax / image map
Thanks, Scott, for the reply. The space separated class info is great! Actually, the hot spots in the beta do carry the ajaxify behavior, loading their links in the right hand column. And I just discovered they work even if the page that holds the image and the image map does not reference any of the necessary scripts. So that's the good news. And along with your space-separated list tip I'm making progress. But I still need to get a tooltip that works when the page containing the image and the image map is ajax-ed in... Thoughts? Scott Sauyet-2 wrote: Even had this approach worked, I am not sure how I would have preserved the ajax-ability of the hot spot links. The ajaxify jquery needs class=ajaxify, while the tooltip needs class=screenshot. This isn't an issue; you can always have a space-separated list of class names: class=ajaxify screenshot Does anyone know if there is a way to accomplish everthing I need? Tooltip with text and image... works with an image map... works when the page is ajaxed... allows the hot spot in turn to be ajax in content to another div. It sounds like that last is your real issue. Remember that when you run something when the document is loaded, it runs only on what's already in the DOM. So whether you use $(document).ready() or window.onload, if your code is modifiying the DOM or hooking events into it, that code has finished running before your code is Ajax'd into the page. There are several good approaches to this, including calling your method again on a successful Ajax call, or using the livequery plugin, or using live events [2]. Good luck, -- Scott [1] http://docs.jquery.com/Plugins/livequery [2] http://docs.jquery.com/Events/live -- View this message in context: http://www.nabble.com/tool-tip---ajax---image-map-tp25204162s27240p25205493.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
