I have already finished the code on the page by the way mysite.ru / jqueryform-75cb32 / form.html
How to make it open in the modal window at mysite.ru/report.html on the button
<a class="btn btn-info btn-sm pull-right act_popup_dota" data-toggle="modal" data-target="#modal_dota2">
Leave a vacancy
</a>
https://pastebin.com/5z0y8yBg
$('#modal_dota2').on('shown.bs.modal',function(){ //correct here use 'shown.bs.modal' event which comes in bootstrap3
$(this).find('iframe').attr('src','http://mysite.ru/jqueryform-75cb32/form.htm');
})
Related
I am trying to make a modal using bootstrap that will pop out a window allowing users to write a comment and post it. When I go to click on the button to pop out the window, it wont load anything. No error is shown in the console.
my mixins.pug file:
mixin createReplyModal(userLoggedIn)
#replyModal.modal.fade(tabindex='-1' role='dialog' aria-labelledby='replyModalLabel' aria-hidden='true')
.modal-dialog.modal-dialog-centered(role='document')
.modal-content
.modal-header
h5#replyModalLabel.modal-title Reply
button.close(type='button' data-dismiss='modal' aria-label='Close')
span(aria-hidden='true') ×
.modal-body
| ...
.modal-footer
button.btn.btn-secondary(type='button' data-dismiss='modal') Close
button#submitReplyButton.btn.btn-primary(type='button',disabled="") Save changes
my home.pug file
extends layouts/main-layout.pug
block content
+createPostForm(userLoggedIn)
.postsContainer
+createReplyModal(userLoggedIn)
block scripts
script(src="/js/home.js")
my Common.js file
<div class="postButtonContainer">
</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#replyModal">
<i class='far fa-comment'></i>
</button>
</div>
From a view I would like to know if with a button can call a #Html.Partial when I click using onClick() instead to have it in the view always?
#Html.Partial("~/Views/Home/Search.cshtml")
Button
<a class="btn btn-outline-info mx-2 mx-sm-1" id="nav-btn" data-toggle="modal"
data-target="modal-data" ><i class="bi bi-upc-scan"></i></a>
I want to go through the code of advanced popup window just like godaddy's popup (see the picture)
I got following code but it's very simple.
<script type="text/javascript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
</script>
</head>
<body>
<a href="#" onclick="MM_openBrWindow('popup.html','','scrollbars=yes,width=700,height=700')">click me
</a>
For pure educational purposes only, I tried to grab the javascript files and html files for this popup window. But couldn't do it via firebug or any other site grabber. Can someone make or grab the files and post a sample code please which will show a popup exactly as the popup shown in the picture for educational purposes. And the background should be blurred like in the picture.
I know html, but have very little knowledge about javascript/jquery.
P.S : The link to the popup window https://sg.godaddy.com/ and the the clickable text is "* View product limitations and legal policies" and location of the clickable text is bottom of the page.
Regards
simply place the button to text . try it works..!
http://www.w3schools.com/bootstrap/bootstrap_modal.asp
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
to
<span type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</span>
I'm using bootstrap in my project. I would like to use popover inside of modal window, but popover's title look like this:
Here is code I have inside of modal:
<button id="popover-test-in-modal" type="button" class="btn btn-primary"
data-toggle="popover" title="Test for popover"
data-content="And here's some amazing content. Testing popover.">Popover
</button>
<script>
$("#popover-test-in-modal").popover();
</script>
Here is jsFiddle: http://jsfiddle.net/7k5mjw24/
How can I fix it?
Bootstrap Button Link Not Working see code below:
<ul>
<li>
<a href="home.aspx?Id=146">
<button class="btn btn-primary btn">Button Link</button>
</a>
</li>
</ul>
I use firebug for development, is there an easy place to see what javascript events are attached and to which objects such as this button class? find it hard to debug as don't know what code is being called and on what events for bootstrap and other external js files
Or, you can just use a link which looks like a button..
Button Link
Remove a tag and add window.location.href to button onclick
<button class="btn btn-primary btn"
onclick="window.location.href='home.aspx?Id=146'; return false;">
Button Link
</button>