Followers

Tuesday 14 January 2014

Jquery pop up tricks

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24



<!doctype html>







<html lang="en">







<head>







  <meta charset="utf-8">







  <title>jQuery UI Dialog - Default functionality</title>







  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">







  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>







  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>







  <link rel="stylesheet" href="/resources/demos/style.css">







  <script>







  $(function() {







    $( "#dialog" ).dialog();







  });







  </script>







</head>







<body>







 







<div id="dialog" title="Basic dialog">







  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>







</div>







 







 







</body>







</html>
Follow my blog with Bloglovin
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.
Dialog Open content in an interactive overlay. Examples Default functionality Animation Basic modal Modal confirmation Modal form Modal message The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)