Back to Index

Class = "jq_modal"

Usage / Markup:

INLINE
Create inline div, give it an id and set display:none;
For example, div id="modal_anchor" style="display:none;"
<a href="#modal_anchor" class="jq_modal">In-page modal</a>

REMOTE PAGE:
Create a page of any kind - html, jsp etc. and target either the entire page
<a href="faq.html class="jq_modal">Remote markup page </a>

REMOTE PAGE-FRAGMENT:
Target a particular div within a remote page.
<a href="faq.html#load_me class="jq_modal"> Remote markup fragment </a>

This content will be copied into the modal window, if #modal_anchor is targeted.