Responsive bootstrap popup model backdrop static disable click outside
Technology 0 CommentsHow to used popup in responsive bootstrap modal popup open and closed onclick onsubmit Disable click outside the form and div black space and used with ajax jquery form .Popup modal not closed and Prevent on click black space and side bar space
Bootstrap modal close event on button click jquery
Bootstrap popup modal open on click and closed on click and on submit form.
How to stopped disable of bootstrap model outside blank area on click. How to used Ajax and jquery form in popup
Bootstrap popup modal Code with Examples
<!——— javascript————->
<script type=”text/javascript”>
$(document).ready(function(){
$(‘#poplaunchmodal’).click(function(){
$(‘#mypopupModal’).modal({
backdrop: ‘static’
});
});
});
</script><!——— javascript————->
Onclick open popup box
<b id=”poplaunchmodal”>onclick</b>
<a href=”#” id=”poplaunchmodal”>onclick</a>
<input type=”button” id=”poplaunchmodal” class=”launch-modal” value=”Launch Demo Modal”>
<p id=”poplaunchmodal”>Onclick</p>
<!– Modal HTML form code –>
<div id=”mypopupModal” class=”modal fade”>
<!–<div class=”modal-dialog”> Html Used according to requiement–>
<div style=”width:50%; background-color:#CCCCCC; height:100px; padding:10%; margin:20%”>
<p>
<form method=”POST” name=”form” action=””>
Phone : <input type=”text” name=”phonenoc” value=”” id=”phonenoc” style=”width:80%”/></label>
</form>
<button type=”button” class=”btn btn-default” data-dismiss=”modal”>Close</button>
<button type=”button” class=”btn btn-success” id=”subcomment” data-dismiss=”modal”>Submit</button>
<button type=”button” class=”btn btn-primary”>Save changes</button>
</p>
</div>
</div>
If you are used ajax so this code add on top side in header
<script>
$(document).ready(function(){
$(“#subcomment”).click(function() {
var phonenoadd = $(“#phonenoc”).val();
$.ajax({
url:’popadd.php’,
data:”phonenoadd=”+phonenoadd+””,
type:’POST’,
success:function(data){
$(“#addshownew1”).html(data);
alert(data);
}
});
document.getElementById(“phonenoc”).value = “”;
});
});
</script>
<div id=”addshownew1″ ></div>
Form open in popup div on click button on click href link
Buy online Rajasthan gk book Railway JE CBT REET PAtwari Book SSC CGL Clerk GD Book Buy online Rajasthan gk book Railway JE CBT REET PAtwari Book SSC CGL Clerk GD Book