Please help to display simple $.dialog(); need idea, stuckd
HI,
I wanna display a dialog using JQuery in my ASP.NET page. I used the following code, but it doesn't popup any dilalog, instead it display plain text on my output. What I'm missing here., any idea/help appreciate ..
I'm very new to JQuery but wanna get quick start.
I tried with
http://jqueryui.com/demos/dialog/
too, but when I integratred with ASP.NET 3.5 and it doesnt work. (I'm using IE Eight)
I used this link for this code.
http://mdrisser.r1designs.net/blog/?p=3
code sample.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DialogBox.aspx.cs" Inherits="DialogBox"
EnableTheming="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="flora/flora.dialog.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="scripts/jquery/ui.core.js"></script>
<script type="text/javascript" src="scripts/jquery/ui.dialog.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#dialogTest').dialog();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="Scriptmanager1" runat="server">
</asp:ScriptManager>
<div>
-----Testing Dialog Box----
</div>
<asp:UpdatePanel runat="server">
<ContentTemplate>
<div id="dialogTest" title="This is the dialog's title">
Hey, check it out!I'm a dialog box!!!</div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>