Responsive bootstrap popup model backdrop static disable click outside

PHP 0 Comments

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.

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

 


Bank PO clerk, SSC, Railway (RRB), IBPS, UPSC, IAS, RAS, SBI, 1st 2nd 3rd grade teacher,REET, TET, Rajasthan police SI, Delhi police, के महत्वपूर्ण सवाल जवाब के लिए रजिस्टर करे
आप करेंट अफेयर्स, Job, सामन्य ज्ञान ओर सभी exams संबंधित Study Material की जानकारी हैतु इस पेज को Like and Visit करे
https://www.facebook.com/myshort.Trick
and WWW.myshort.in

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