Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form id="myform" class="form-wizard">
- <h2 class="form-wizard-heading">BootStap Wizzard Form</h2>
- <input type="text" value="">
- <input type="submit">
- </form>
- <!-- Modal -->
- <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h3 id="myModalLabel">Modal header</h3>
- </div>
- <div class="modal-body">
- <p>One fine body…</p>
- </div>
- <div class="modal-footer">
- <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
- <button class="btn btn-primary">Save changes</button>
- </div>
- </div>
- $('#myform').on('submit', function(ev) {
- $('#my-modal').modal({
- show: 'false'
- });
- var data = $(this).serializeObject();
- json_data = JSON.stringify(data);
- $("#results").text(json_data);
- $(".modal-body").text(json_data);
- // $("#results").text(data);
- ev.preventDefault();
- });
- $('#myModal').modal('toggle');
- $('#myModal').modal('show');
- $('#myModal').modal('hide');
- $('#my-modal').modal({
- show: 'false'
- });
- $('#myModal').modal('show');
- <button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
- input.btn.btn-primary type="button" data-toggle="modal" data-target="#myModal" value="Modal"
- #myModal.modal.fade aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
- .modal-dialog
- .modal-content
- .modal-header
- button.close data-dismiss="modal" type="button"
- span aria-hidden="true" ×
- span.sr-only Close
- h4#myModalLabel.modal-title Choose of route
- .modal-body
- = image_tag("map.png")
- .modal-footer
- button.btn.btn-default data-dismiss="modal" type="button" Close
- button.btn.btn-primary type="button" Save changes
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement