jQuery modallink Plugin Demos
Basic usage
Open i-frame
$(".modal-link").modalLink();
Open link with additional data
POST data to i-frame
$(".modal-link-with-data").modalLink({
showTitle: false,
data: {
foo: "bar"
}
});
Open link with additional data with POST
POST data to i-frame
$(".modal-link-posting-data").modalLink({
method: "POST",
showTitle: false,
data: {
foo: "bar"
}
});
Open in script
$(".btn-click-me").click(function () {
$.modalLink.open("Page1.html", {
title: "Title"
});
});
Open unbound link in modal
$.modalLink("open", $link);
Submit form into modal window
Close modal window inside modal
(function (w) {
$(".close-modal").click(function () {
w.$.modalLink("close");
});
})(window.parent);
Close modal with callback
TBD
Methods
open
close
Events
modallink.close
Options
- width - modal window content width
- height - modal window content height
-
method
- data
- showTitle
- showClose
- overlayOpacity
- $form
- onHideScroll
Styling
-
.sparkling-modal-container
-
.sparkling-modal-overlay
-
.sparkling-modal-frame
-
.sparkling-modal-title
-
.sparkling-modal-title span
-
.sparkling-modal-close
-
.sparkling-modal-content
Templates
TBD