Last active
December 7, 2015 06:21
-
-
Save amilabandara/a9eec02074d2aed7485b to your computer and use it in GitHub Desktop.
Joomla 3x Modal Box
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
JHTML::_('behavior.modal'); | |
//example 1 | |
<a href="http://www.example.com/images/myimage.jpg" class="modal">Click here to see my image</a> | |
//example 2 | |
<div id="loadDiv"> | |
A div element containing some text that you want to display. | |
</div> | |
<a href="#loadDiv" class="modal">Click here to load the text in a popup</a> | |
//options and handlers | |
//example 3 | |
<a href="http://www.example.com/images/myimage.jpg" | |
class="modal" | |
rel="{size: {x: 700, y: 300}, closable: false}"> | |
Click here to see my image</a> | |
//example 4. use iframes | |
<a href="http://www.example.com/somepage.html" | |
class="modal" rel="{size: {x: 700, y: 500}, handler:'iframe'}" | |
id="modalLink1"> | |
Click here to see this interesting page</a> | |
//more information can be find from here | |
https://www.spiralscripts.co.uk/Joomla-Tips/using-modal-windows-with-joomla.html | |
?> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment