Search code examples
javascriptjqueryhtmlfancybox

Can I put a link inside a title attribute?

I'm using the jQuery Fancybox plugin to create a modal window with the link's href as the content, and the title as its caption. I'd like to be able to have a clickable link in the caption (in this case to lead to a larger map) but I can't put an <a> tag into the title attribute. How might I go about putting this link in through Javascript, jQuery, or other methods?

<a class='iframe' href='http://maps.google.com/maps?q=%235+Health+Department+Drive,+Troy,+MO+63379&amp;ll=38.979228,-90.97847&amp;z=13&amp;iwloc=near&amp;num=1&amp;output=embed' title='Google Map to Lincoln County Health Department'>Map to LCHD</a>

What it looks like

Solution

  • I'm not familiar with this plugin, but this method comes to mind.

    You can bury content elements within the anchor and modify you plugin to use the elements that your introduce. For example:

    <a class='iframe' 
   href='http://maps.google.com/blahlblahlbah' 
   title='Google Map to Lincoln County Health Department'>Map to LCHD
   <span class="title-href" style="display: none">http://zebrakick.com</span>
</a>

    Hope that helps.