Link to home
Start Free TrialLog in
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

ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Rocking
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.
what is the issue doing that?