Thankyou very much Karl works perfect, (sorry copy and paste type two hrefs)
On Apr 23, 1:34 pm, Karl Swedberg <[email protected]> wrote: > Hi Josh, > > Probably came up empty because you have two hrefs in that link -- one > with an empty hash and the other with no hash at all. > > > <a href="#" id="nav" href="temp.html" rel="temp.html">Show</a> > > Let's say you wanted to grab the content for just a div with > id="frag". Your link would look like this: > > <a href="temp.html#frag" id="nav" rel="temp.html">Show</a> > > --Karl > > ____________ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Apr 22, 2009, at 11:16 PM, followerofjesus wrote: > > > > > Thankyou Karl and Geert, > > > I tried > > $(document).ready(function() { > > $('a#nav').cluetip({ ajaxProcess: function(data) { > > $div = $('<div id="tempone">' + data + '</div>').find(this.hash); > > return $div; > > } > > }); > > }); > > > html > > <li><a href="#" id="nav" href="temp.html" rel="temp.html">Show</a></ > > li> > > > Corresponding temp.html had a couple of divs in it, one with an id of > > tempone > > > The Tip came up, but it came up empty? > > > Thanks from Josh > > > On Apr 23, 4:57 am, Karl Swedberg <[email protected]> wrote: > >> Thanks for that suggestion, Geert! > > >> Josh, Geert's solution will work, but if you use the latest version > >> of clueTip from Github > >> (https://github.com/kswedberg/jquery-cluetip/tree/master > >> ), it's a lot simpler. > > >> To target the id in the called page that matches the hash of the > >> link's href, you could do this: > > >> $(document).ready(function() { > >> $('a').cluetip({ > >> ajaxProcess: function(data) { > >> $div = $('<div>' + data + '</div>').find(this.hash); > >> return $div; > >> } > >> }); > > >> }); > > >> You can include all the other options that Geert suggested, as well, > >> but they aren't necessary to achieve what you're trying to do. > > >> --Karl > > >> ____________ > >> Karl Swedbergwww.englishrules.comwww.learningjquery.com > > >> On Apr 22, 2009, at 8:43 AM, Geert Baven wrote: > > >>> this should do > >>> $(document).ready(function() { > >>> $('a').each(function() { > >>> var thisHash = this.hash; > >>> $(this).cluetip({ > >>> sticky: true, > >>> mouseOutClose: true, > >>> closePosition: 'title', > >>> closeText: '<img src="cross.png" alt="close" />', > >>> ajaxCache: false, > >>> activation: 'click', > >>> showTitle: true, > >>> ajaxSettings: { > >>> cache: false > >>> }, > >>> ajaxProcess: function(data) { > >>> var $div = $('<div></div>').append(data).find(thisHash); > >>> return $div; > >>> } > >>> }); > >>> }); > >>> }); > > >>> 2009/4/22 followerofjesus <[email protected]> > > >>> I think ClueTip is great, but the only thing I think it needs is an > >>> option to load just a div on an external page rather than the a > >>> whole > >>> external page. Like is available in BeautyTip > > >>> Does anyone know how to mod ClueTip to do that? > > >>> Regards from Josh > > >>> -- > >>> ////////////////\\\\\\\\\\\\ > >>> strikingconcepts > >>> \\\\\\\\\\\\\\\\//////////// > > >>>www.strikingconcepts.nl > >>> webdesign > >>> 06 450 860 83 > >>> amsterdam - groningen
