dynamic modal jquery,multiple modal open jquery,create modal with jquery,dynamic modal,modal popup jquery,dynamic modal for multiple use,dynamic alert box,multiple popup,create multiple popup,jquery modal for multiple use,custom jquery popup,custom jquery modal,cquery modal,php jquery ajax,responsive modal,javascript tutorial,modal with multiple controls,jquery ajax,jquery modal,php bootstrap,php load content in bootstrap modal,jquery custom modal
<a class="btn btn-primary btn-sm" href="javascript:void(0);" onclick="confirm_modal_pause('/pause-plan/{{$subscription->id}}');" ><i class="fa fa-lock"></i></a>
<!-- Info Alert Modal --> <div id="pause_url" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body p-4"> <div class="text-center"> <i class="dripicons-information h1 text-info"></i> <h4 class="mt-2">Plan Pause</h4> <p class="mt-3">Are you sure?</p> <button type="button" class="btn btn-info my-2" data-bs-dismiss="modal">Cancel</button> <a href="#" id="pause_urls" class="btn btn-danger my-2">Continue</a> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <script> function confirm_modal_pause(pause_url) { // alert(pause_url); jQuery('#pause_url').modal('show', {backdrop: 'static'}); document.getElementById('pause_urls').setAttribute('href' , pause_url); // jQuery('#pause_url').attr('href', pause_url); } </script>