how to use jquery UI dialog -
how to use jquery UI dialog -
i'm wondering need have basic jquery dialog appear on screen. here code below. help why none of ui properties beingness rendered when executing code below? happens if user clicks on "show dialog" plain html text appears, without ui css or actual dialog box. have included jquery ui scripts downloaded http://jqueryui.com/download perhaps didn't download , utilize right ui scripts? thanks!
master page code:
<%@ master language="c#" autoeventwireup="true" codefile="site.master.cs" inherits="sitemaster" %> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head runat="server"> <title></title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> <script src="scripts/ui/css/ui-lightness/jquery-ui-1.8.17.custom.css" type="text/javascript"></script> <script src="scripts/ui/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script> <asp:contentplaceholder id="headcontent" runat="server"> </asp:contentplaceholder> </head> <body> <form runat="server"> <div class="page"> <div class="main"> <asp:contentplaceholder id="maincontent" runat="server"/> </div> </div> </form> </body> </html>
default page:
<%@ page title="home page" language="c#" masterpagefile="~/site.master" autoeventwireup="true" codefile="default.aspx.cs" inherits="_default" %> <asp:content id="headercontent" runat="server" contentplaceholderid="headcontent"> <script src="scripts/textboxclone.js" type="text/javascript"></script> <script src="scripts/fadeout.js" type="text/javascript"></script> <script src="scripts/flip.js" type="text/javascript"></script> <script src="scripts/dialog.js" type="text/javascript"></script> </asp:content> <asp:content id="bodycontent" runat="server" contentplaceholderid="maincontent"> <a id='showdialog' href="#">show dialog</a> <div id="dialog1" style="display:none;"> <div id="dialog" title="basic dialog"> <p>this default dialog useful displaying information. dialog window can moved, resized , closed 'x' icon.</p> </div> </div> </asp:content>
you have include jquery css file css file. use
<link rel="stylesheet" href="scripts/ui/css/ui-lightness/jquery-ui-1.8.17.custom.css" />
instead of
<script src="scripts/ui/css/ui-lightness/jquery-ui-1.8.17.custom.css" type="text/javascript"></script>
jquery dialog
Comments
Post a Comment