Maybe its a Friday issue, not sure. I'm trying to use Any+Time™ DatePicker/TimePicker AJAX Calendar Widget where I store the JS files on my masterpage. What I'm trying to accomplish is when I click on my TextBox, I'm trying to bring up their AJAX style calander that has a time picker on it. I click the textbox and i get a JS error, "AnyTime is undefined." Here is the code:
MasterPage Header:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Primary.master.cs" Inherits="PRIMARY" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajx" %><!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 id="Head1" runat="server"><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <link href="systems.css" rel="stylesheet" type="text/css" /><link href="MainSite.css" rel="stylesheet" type="text/css" /><link href="anytime.css" rel="stylesheet" type="text/css" /><title>Main Site</title><style type="text/css"> .style1 { text-align: left; } .template-checkbox { text-align:center; }</style></head><body style="background-image: url(images/BKG.jpg)"><form id="form1" runat="server"><ajx:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ScriptMode="Release"></ajx:ToolkitScriptManager><script type="text/javascript" src="Scripts/jquery.js"></script><script type="text/javascript" src="Scripts/anytime.js"></script> <%-- <script type="text/javascript" src="Scripts/anytimetz.js"></script>--%><script type="text/javascript" src='Scripts/tooltips.js'></script>
Report Page:
<%@ Page Title="Custom Report - Dates and Regions" Language="C#" MasterPageFile="~/Primary.master" AutoEventWireup="true" CodeFile="CustomReport.aspx.cs" Inherits="Report_Default" %><%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %><%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %><asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"><p><asp:Label ID="lblPlannedStart" runat="server" Text="Planned Start"></asp:Label> <asp:TextBox ID="txtPlanned_Start" runat="server" Width="200px" OnClick="AnyTime.picker('txtPlanned_Start');"></asp:TextBox><br /><asp:Label ID="lblPlannedEnd" runat="server" Text="Planned End"></asp:Label> <asp:TextBox ID="txtPlanned_End" runat="server" Width="200px" OnClick="AnyTime.picker('txtPlanned_Start');"></asp:TextBox></p><p>
So, any ideas what I'm doing wrong? I'm putting the JS/CSS on my masterpage so this is available to other pages that use date/time ranges.