Avatar of Rocking
Rocking
 asked on

Jquery Dialog Box

hi,

is there any common code for creating multiple dialog box having different dynamic contents and their position is fixed on the page with each one coming below other ?


<head>
  <meta charset="utf-8">
  <title>dialog demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="js/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>
 
<button id="opener">open the dialog</button>
<div style="margin-left: 200px;margin-top: 200px;border: solid 5px red;">
<div id="dialog" title="Dialog Title"> a dialog</div>
</div>

 
<script>
$( "#dialog" ).dialog({ autoOpen: true });

</script>
</body>
</html>

Open in new window

jQueryJavaScriptHTML

Avatar of undefined
Last Comment
leakim971

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
leakim971

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Rocking

ASKER
I want the code the dialog to open within the div,we create the three div below each other
div1
div2
div3

and three dialog should come under each
div1 having dilaog1
div2 having dialog2
div3 having dialog3

the three dialog should be enabled,so that i can drag and drop.
leakim971

what is the issue doing that?
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes