<div class="floatbox" data-fb-options="type:ajax" style="padding:20px;">
<p>
This content is html that is loaded into floatbox using an AJAX call.
Any valid html will do, including images, flash objects, etc.
</p>
<img src="/images/kilroy.gif" alt="" class="decoration" />
<p>
There are three different behaviours that links inside AJAX content can have.
</p><p>
1) Open in the
<a href="/floatbox/ajax2" data-fb-options="sameBox:true">same floatbox</a>
</p><p>
2) Open in a
<a href="/floatbox/ajax3">new floatbox</a>
</p><p>
3) A standard anchor without a class attribute of "floatbox" will navigate away from the top document
and not remain within the floatbox.
</p><p>
<a href="viewsource?sourcepage=ajax1.html" title="ajax1.html" class="ajaxSource">View source</a>
for link configuration details.
<a href="viewsource?sourcepage=ajax2.html" title="ajax2.html" class="ajaxSource"></a>
<a href="viewsource?sourcepage=ajax3.html" title="ajax3.html" class="ajaxSource"></a>
</p>
</div>