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 Swedberg
www.englishrules.com
www.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 <k...@englishrules.com> 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 <joshua...@gmail.com>

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

Reply via email to