Details below, but in a nutshell, here's what 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. Here's the (beta) site that shows what I want, but which only works for one image since the tooltip content is hardcoded in the script: www.blazzi.com/ Click on the red car (center image) in the footer. A page with a larger image and an image map loads in the main content area, thanks to jquery and ajaxify. The larger image hotspots trigger tooltips (the front bumper and headlight). Clicking a hotspot loads links in the right column that go to sites where the parts can be bought. The problem is getting dynamic or simply image-specific tooltip content to display on hot spot mouseover. And not only getting the tooltip to display, but doing so while maintaining the ajax for the hot spot link (so it loads the vendor list in the right column). The beta you see uses this tooltip... http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_95.html ...and the tooltip content (image and text) is hard coded into it. I tried putting the tooltip script in the page that loads the image/image map, but it only works if the script is in the surrounding document. Next I tried this jquery tooltip... http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery ...which at least provides for having the image and text parameters in the href. I edited the script to tie the jquery to the "area" tag of the image map, instead of to the "a" tag it was written for. Even though the tooltip uses "rel" for the image parameter, and "rel" is not a parameter of the area tag, it works. Well, at least it works when you load the page itself. But I ran into the same problem as before, in that the tooltip does not work when the content is ajaxed into the div, whether or not the scripts are in the loaded page or the surrounding page. 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." 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. -- View this message in context: http://www.nabble.com/tool-tip---ajax---image-map-tp25204162s27240p25204162.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
