How to add jquery modal popup in Laravel PHP? Executing a PHP file in a Modal Popup — jQuery Forum?

Amit Kumar
2 min readAug 2, 2021

--

In this tutorial i’m going to implement popup modal in our pages. Define below. It’s a very easy you have to just copy below code and run in your local machine you will find result. jquery ui In this example i provide jquery modal example with code so it easy and simple to use.

<html lang="en">
<head>
<title>How to Add Popup modal in jquery LaravelAmit</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<style type="text/css">
#popup{
display: none;
}
</style>
</head>
<body>
<button>Open Modal</button>
<div id="popup" title="DevOpsSchool">
<p class="text-justify px-2">DevOpsSchool have well-equipped high-tech infrastructure to conduct DevOps Training with lab facility and real time projects. Our DevOps Course is designed as per industry trend which helps professionals to achieve their career goal with industry growth.</p>
</div>
<script type="text/javascript">
$("button").click(function(){
$( "#popup" ).dialog();
});
</script>
</body>
</html>

Now run you code.

Thanks

--

--

Amit Kumar
Amit Kumar

Written by Amit Kumar

Hi I am Amit Experienced Web Developer with a demonstrated history of working in the information technology and services industry.

No responses yet