Marcus Del Greco delgreco
delgreco
/ dynamic_dialog.html
Last active
December 15, 2015 04:09
Here is an example of using a jQuery UI dialog in conjunction with other dynamic actions such as form validation using the jQuery validate plugin. Notice the need to append the form to the dialog (weird, huh?) in the dialog's 'open' event. These two snippets live in the same html file, but are given separately for the coloring.
This file contains 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
| <!-- portions of an HTML template --> | |
| <script type="text/javascript" src="jquery-1.7.2.min.js"></script> | |
| <script type="text/javascript" src="jquery-ui-1.8.13.complete.min.js"></script> | |
| <script type="text/javascript" src="jquery.validate.1.8.1.min.js"></script> | |
| <!-- forms must be kept outside of div to append to dialog --> | |
| <form id="funding_form" method="post" action="<TMPL_VAR NAME=SCRIPT_NAME>"> | |
| <input type="hidden" name="request_id" value="<TMPL_VAR NAME=ID>"> | |
| <input type="hidden" name="action" value="approveEstimateFunding"> | |
| </form> |