bootstrap form dynamic

by Rajesh Sitaraman

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

JavaScript

var createPublishingPageDialog;
createPublishingPageDialog = createPublishingPageDialog || (function () {
    var createPageDlgDiv = $('<div class="modal fade" id="createPageDlgContainer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header clearfix"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button><div class="form-group"><label for="txtPageName" class="ziplabel">Enter Name</label><div class="input-group"><input type="text" class="form-control" id="txtPageName" placeholder="File name goes here.." aria-describedby="basic-addon2"></input></div></div><p id="validationmessage" class="validation-fail"></p><p id="helpMessage">Help Message goes here..</p><div class="pull-right"><button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button><input type="button" class="btn btn-red" value="submit" id="pageCreateButton"></input></div></div></div></div></div>');
    return {
        show: function () {
            createPageDlgDiv.modal();
        },
        hide: function () {
            createPageDlgDiv.modal('hide');
        }

    };
})();

createPublishingPageDialog.show();