Adding HTML to captions

Page: 1

Author Post
netslider
Guest
Is it possible to add a html link to the captions box? Thanks!
Administrator
Registered: Aug 2008
Posts: 3382
Yes, quite possible.
Take a look at the "HTML formatted caption" sample in the Odds 'n' Ends section of the demo page for an example. Note that you need to escape html hot characters like <, >, ", &. You need to use the entity equivalents - &lt;, &gt;, &quot;, &amp; - or else browsers won't be able to parse the rev tag correctly. So just setup the caption with the necessary html to create your link and escape it as required.

A plain link in your caption will navigate the browser to the linked page. If you want the link content to open up inside floatbox instead, you need to set rel="floatbox" on your link just as you would any other link. By default a floatboxed link will open in a new floatbox. If you want to re-use the existing floatbox, add "sameBox:true" into you link's rev attribute.

I hope I haven't made this sound more confusing or complicated than it really is.
netslider
Guest
Outstanding! Thank you! I actually got it to work.
stelrp
Guest
HI there again!
Some of us are new to Html and don't know all the entity equivalents to correctly form a link within a floatbox.

I have not found a complete list in order to make a link,
Can anyone post such a table, or a demo link within floatbox?
Up to now, i am nly writing down the links in floatbox as plain text, such as:

http://www.4parchitects.com/presentationcrete2.htm

Also, is it possible with html to change color of part of a text string in floatbox or to underline it. In your (very helpful) example you make bold characters. I have copied and altered in order to create mine without any knowledge of the &lt;, &gt;, &quot;, &amp; but with SUCCESS!.

I have also found that &nbsp; adds an extra spacecharacter with in a floatbox, Normal space button places only 1 empty space.

Thaks a lot for creting the lovely code. :P
Administrator
Registered: Aug 2008
Posts: 3382
Hi stelrp.
The 4 characters that need to be escaped in an html caption are:
" = &quot;
< = &lt;
> = &gt;
& = &amp;

You could color and underline stuff using style attributes on the html elements you place in the caption. I can't get in to an html tutorial here, but can recommend w3schools as a great resource.

Page: 1