Responsive bootstrap popup model backdrop static disable click outside

Technology 0 Comments
tutorial-for-ajax-php

How 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.

Daily Visit GK on myshort.in

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

share..Share on Facebook0Share on Google+0Tweet about this on TwitterShare on LinkedIn0