In my webpage I have two controls that are bind to jquery.
One is a button to copy the Textbox value to clipboard and other is textbox to enter date.
But the problem is when I debug this web application, it throws the jquery error.
And when I comment out one javascript method and debug, it works (tried with both javascript method).
But when I dont't comment out, it doesn't work.
Aspx code:
<%# Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="searchSerialResult.aspx.cs" Inherits="Locker.searchSerialResult" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<style type="text/css">
.auto-style3 {
color: #CC3300;
font-size: x-large;
}
.auto-style1 {
color: #FFFFFF;
font-size: large;
}
.auto-style2 {
color: #000000;
}
</style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<p>
<p>
<p>
<strong> <span class="auto-style3"> Recorded Information</span><span class="auto-style1"> </span></strong>
<div style="width:70%; margin: auto auto; text-align:left; ">
<asp:Panel ID="Panel1" runat="server" BorderStyle="None">
<asp:Label ID="Label4" runat="server" CssClass="auto-style2" style="font-weight: 700; font-size: large" Text="Details for :"></asp:Label>
<asp:Label ID="Label5" runat="server" style="font-weight: 700; font-size: large; color: #0000FF"></asp:Label>
<br />
<br />
<asp:Label ID="Label1" runat="server" CssClass="auto-style2" Font-Bold="False" style="font-weight: 700; font-size: large" Text="Serial :"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server" BorderStyle="Solid" Enabled="False" Font-Size="Medium" ForeColor="Black" Width="213px"></asp:TextBox>
<asp:Button ID="Button3" runat="server" Text="Copy Me!"/>
<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.zclip.js" type="text/javascript"></script>
<script src="Scripts/jquery.zclip.min.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
$('#<%=Button3.ClientID%>').zclip({
path: 'ZeroClipboard.swf',
copy: function () { return $('#<%=TextBox2.ClientID%>').val(); }
});
});
</script>
<br />
<br />
<asp:Label ID="Label13" runat="server" CssClass="auto-style2" Font-Bold="False" style="font-weight: 700; font-size: large" Text="Serial Type :"></asp:Label>
<asp:DropDownList ID="DropDownList1" runat="server" Height="26px" Width="181px" AutoPostBack="True" Enabled="False" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem>Never Expire</asp:ListItem>
<asp:ListItem>Expire</asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label14" runat="server" CssClass="auto-style2" Font-Bold="False" style="font-weight: 700; font-size: large" Text="Expiry Date :" Visible="False"></asp:Label>
<asp:TextBox ID="TextBox6" runat="server" BorderStyle="Solid" Enabled="False" Height="16px" Visible="False" Width="136px"></asp:TextBox>
<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 () {
$("#<%=TextBox6.ClientID%>").datepicker({
});
});
</script> <br />
<br />
<asp:Label ID="Label6" runat="server" style="font-weight: 700; font-size: large" Text="Description :" CssClass="auto-style2"></asp:Label>
<asp:TextBox ID="TextBox5" runat="server" BorderStyle="Solid" Font-Size="Medium" Height="48px" TextMode="MultiLine" Width="217px" Enabled="False"></asp:TextBox>
<br />
<br />
<asp:Label ID="Label7" runat="server" style="font-weight: 700; font-size: small" Text="Last Editor was " CssClass="auto-style2"></asp:Label>
<asp:Label ID="Label8" runat="server" style="font-weight: 700; font-size: small" CssClass="auto-style2"></asp:Label>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Edit" Width="97px" />
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Update" Visible="False" Width="97px" />
<br />
<br />
<asp:Label ID="Label12" runat="server" style="font-weight: 700; font-size: large; color: #0000FF" Visible="False"></asp:Label>
<br />
<br />
</asp:Panel>
</div>
</asp:Content
Works if i comment out anyone of the javascript method..
You're including more than one version of jQuery, and the second version overwrites the first version.
Therefore any plugins associated with the first version are removed. (ZClip in this case)
That´s right. You can´t use the same jquery plugin library (zclip) twice in order to append it to the $ sign. If you really need both (source and minified) you should use a different variable name for one of them. Otherwise it would cause conflicts.
So, I rather you to use this code:
<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.zclip.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=Button3.ClientID%>').zclip({
path: 'ZeroClipboard.swf',
copy: function () { return $('#<%=TextBox2.ClientID%>').val(); }
});
});
</script>
If you are on production environment. If you are on development environment, then you should use the uncompressed version file of the jQuery plugin.
Related
I've run into a problem while trying to style a content page. I created a content Page that have buttons in it and for some reason after I linked a styleSheet the buttons stopped working.
I would appreciate any help, thank u.
the content page:
<%# Page Title="" Language="C#" MasterPageFile="~/Pages/Site1.Master" AutoEventWireup="true" CodeBehind="MyBooks.aspx.cs" Inherits="WebApplication8.Pages.MyBooks" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="../css/myBooks.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div>
<asp:Button CssClass="addBook" ID="addBook" runat="server" Text="+Add book"
onclick="addBook_Click" />
<center><asp:DataList ID="DataList1" runat="server" Font-Bold="False"
Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False" ForeColor="Gray">
<ItemTemplate>
<table class="style1">
<tr>
<td class="td">
<asp:Image CssClass="binding" ID="Image2" runat="server"
ImageUrl='<%# Bind("binding")%>'/>
<asp:Label ID="bookName" CssClass="bookName" runat="server" Text='<%# Bind("BookName") %>'></asp:Label>
</td>
<td>
<br />
<br />
<div class="buttons">
<asp:Button CssClass="btn1" ID="Publish" runat="server" Text="Publish" /><br />
<asp:Button CssClass="btn2" ID="Edit" runat="server" Text="Edit" /><br />
<asp:Button CssClass="btn2" ID="discared" runat="server" Text="discared" />
</div>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList></center>
</div>
</asp:Content>
the styleSheet (linked in the first content place holder):
addBook is the cssClass of the first butoon in the content page
btn1 is the cssClass of the first button in the DataList.
btn2 is the cssClass of the tow other buttons below it.
buttons is the cssClass of the div who contains the three buttons inside the DataList.
body
{
}
.btn1
{
border-style: none;
width:200px;
height:40px;
border-radius:15px;
background-color:#d4fcea;
color:White;
font-family:Calibri;
margin-bottom:10px;
font-size:20px;
}
.btn2
{
border-style: none;
width:200px;
height:40px;
border-radius:15px;
background-color:#d5e0db;
color:White;
font-family:Calibri;
margin-bottom:10px;
font-size:20px;
}
.buttons
{
position:relative;
left:30%;
z-index:-1;
}
.style1
{
margin-top:20px;
width:800px;
height:250px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.15);
border-radius:10px;
margin-left: auto;
margin-bottom: 0;
position:relative;
z-index:-1;
}
.addBook
{
border-style: none;
position:relative;
left:20%;
width:200px;
height:40px;
border-radius:15px;
background-color:#ffcc99;
color:White;
font-family:Calibri;
margin-bottom:10px;
font-size:20px;
right:25%;
z-index:-1;
}
I have users whose group policies block Javascript; so any use of that is out of the question.
I have found a page that performs the function that I need:
Pure CSS Popup Box
However, the popup is triggered after an anchor is clicked.
My issue issue is that I want the popup to trigger on the event change in an asp:DropDownList. My intent is that if an item is not listed in the DDL, then the user will be able to select the first item "Not Listed". After this selection I need to have the popup open with elements that will allow them to add the items to the database which populates the DDL.
I have attempted to use the following in the DDL OnSelectedIndexChanged event:
Response.Redirect(HttpContext.Current.Request.Url.AbsoluteUri.ToString() + "#popup1");
This idea has failed. I believe it is because I have it inside an Update Panel. The setup is as follows:
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<!-- Main Wrapper -->
<div class="wrapper wrapper-style2">
<div class="container">
<!-- breadcrumbs -->
<br />
<div class="row 200%">
<div class="12u">
<!-- Content -->
<div id="maincontent" runat="server">
<asp:UpdatePanel ID="upInputarea" runat="server" UpdateMode="Conditional" AssociatedUpdatePanelID="updateProgress">
<ContentTemplate>
<%-- Equipment Data --%>
<section class="box post">
<h3 class="bold">Equipment Data</h3>
<asp:UpdatePanel ID="upEquipmentData" runat="server" UpdateMode="Conditional" AssociatedUpdatePanelID="updateProgress">
<ContentTemplate>
<div id="EquipmentDataDiv2" runat="server" style="float: left; border-left: 2px solid rgba(144, 144, 144, 0.25); margin-right: auto; margin-left: auto;">
<asp:Panel ID="Pnl1" runat="server" CssClass="inputSet2">
<span>Model:</span>
<asp:DropDownList ID="ddlEquipmentDataModel" runat="server" AppendDataBoundItems="true" AutoPostBack="false" CssClass="round-corners " DataSourceID="SqlModel" DataTextField="Model" DataValueField="ID" />
</asp:Panel>
<asp:Panel ID="Pnl2" runat="server" CssClass="inputSet2">
<span>Item:</span>
<asp:DropDownList ID="ddlEquipmentDataItem" runat="server" AppendDataBoundItems="true" AutoPostBack="true" CssClass="round-corners width1" DataSourceID="SqlItem" DataTextField="Component" DataValueField="ID" OnSelectedIndexChanged="ddl_SelectedIndexChanged" />
</asp:Panel>
<asp:Panel ID="Pnl5" runat="server" CssClass="inputSet2">
<span>S/N:</span>
<asp:TextBox ID="txtEquipmentDataSN" runat="server" CssClass="round-corners " />
</asp:Panel>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</section>
<%-- Submit Button --%>
<section class="box post">
<div class="inputSet">
<asp:UpdatePanel ID="upSubmit" runat="server" UpdateMode="Conditional" AssociatedUpdatePanelID="updateProgress">
<ContentTemplate>
<asp:LinkButton ID="lbSubmit" runat="server" class="button icon fa-info-sign" Style="cursor: pointer;" OnClick="btn_Click" Text="Submit" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</section>
<div id="popup1" runat="server" class="overlay">
<div class="css_popup">
<h2>Add Component to Database</h2>
<a class="close" href="#">×</a>
<div class="content">
<asp:Panel ID="Panel13" runat="server" CssClass="inputSet2">
<span>Item:</span>
<asp:TextBox ID="txtNewItem" runat="server" CssClass="round-corners " />
</asp:Panel>
<asp:Panel ID="Panel14" runat="server" CssClass="inputSet2">
<span>NSN:</span>
<asp:TextBox ID="txtNewNSN" runat="server" CssClass="round-corners " />
</asp:Panel>
<asp:Panel ID="Panel15" runat="server" CssClass="inputSet2">
<asp:LinkButton ID="lbAddItem" runat="server" class="button icon fa-info-sign" Style="cursor: pointer;" OnClick="btn_Click" Text="Add Item" />
</asp:Panel>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
</div>
<asp:UpdateProgress ID="updateProgress" runat="server">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<div class="fancybox-loading">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/fancybox/fancybox_loading.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="margin-top: -22px; margin-left: -22px; position: fixed; top: 51%; left: 51%; background: url('/fancybox/fancybox_sprite2.png'); background-position: 2 -2px;" />
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
The CSS for these elements mirror that of the link provided above.
I have planed to implement two pops in asp.net page. The First popup perform when the page button Click, and the Second popup perform when the first popup button click.
But When I Implement this in code, i got fist popup only. Can't got the second popup open.
ASPX Code-
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.Background
{
background-color: Black;
filter: alpha(opacity=90);
opacity: 0.8;
}
.Popup
{
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 400px;
height: 350px;
}
.lbl
{
font-size: 16px;
font-style: italic;
font-weight: bold;
}
</style>
<script type="text/javascript">
function ShowModalPopup() {
$find("mp1").show();
return false;
}
function HideModalPopup() {
// alert("Yes");
$find("mp1").hide();
return false;
}
function ShowModalPopup1() {
$find("ModalPopupExtender1").show();
return false;
}
function HideModalPopup1() {
// alert("Yes");
$find("ModalPopupExtender1").hide();
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Button ID="btnPopup1" runat="server" Text="Fill Form in Popup" />
<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panl1" TargetControlID="btnPopup1"
BehaviorID="modalPopupBehavior" CancelControlID="btnHide" BackgroundCssClass="Background">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panl1" runat="server" CssClass="Popup" align="center" Style="display: none">
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="txt" runat="server" />
<asp:Label ID="Label2" Text="RED" runat="server" ForeColor="red" />
<asp:Button ID="Button2" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
<asp:CheckBox ID="CheckBox1" TextAlign="Left" Text="ssdd" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnPopup1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Button ID="btnHide" runat="server" Text="Hide Modal Popup" OnClientClick="return HideModalPopup()" />
<!-- ModalPopupExtender 2 -->
<asp:Button ID="btnPopup2" runat="server" Text="Fill Form in Popup" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel1"
TargetControlID="btnPopup2" BehaviorID="modalPopupBehavior" CancelControlID="btnHide1"
BackgroundCssClass="Background">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="Popup" align="center" Style="display: none">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server" />
<asp:Label ID="Label1" Text="Blue" runat="server" ForeColor="Blue" />
<asp:Button ID="Button4" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
<asp:CheckBox ID="CheckBox2" TextAlign="Left" Text="ssdd" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnPopup2" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Button ID="btnHide1" runat="server" Text="Hide Modal Popup" OnClientClick="return HideModalPopup1()" />
</asp:Panel>
<!-- ModalPopupExtender 2 -->
</asp:Panel>
<!-- ModalPopupExtender -->
</form>
</body>
C# Code -
protected void btnSubmit_Click(object sender, EventArgs e)
{
Label2.Text = "Blue";
}
protected void btnClose_Click(object sender, EventArgs e)
{
}
This link might be of good use to you.
http://aspdotnetcodebook.blogspot.com.au/2009/03/how-to-open-modalpopup-inside.html
Also to have a modal pop up over another modal popup you need to set the z-index otherwise there are chances that the 2nd popup might hide behind the 1st. The following are the links which explains the same.
How to show a modal pop up above other modal pop up
http://blogs.msdn.com/b/codejunkie/archive/2009/06/23/multiple-modal-popups-and-z-index.aspx
http://tiredblogger.wordpress.com/2008/07/24/layering-modal-popups-using-css-z-index/
http://forums.asp.net/p/1280547/2458840.aspx#2458840
Hope this helps.
Please take a look on below url.
http://www.codeproject.com/Articles/546817/ASP-NET-Popup-Control-Displaying-as-multiple-neste
I am using the Telerik radlistview o display some results, i perform some grouping in my query and return a sorted and ordered resultset and set it to the datasource. For some reason (which i have been battling with all morning) the ListView re-orders the results by the ID column.
<telerik:RadListView runat="server" ID="rlThumbnailView" OnNeedDataSource="rlThumbnailView_NeedDataSource"
AllowPaging="true" PageSize="8" OnDataBound="rlThumbnailView_DataBound" OnItemDataBound="rlThumbnailView_ItemDataBound">
<LayoutTemplate>
<span style="vertical-align: top; position: relative; top: 4px">Displaying page
<%#Container.CurrentPageIndex + 1 %>
of
<%#Container.PageCount %></span> </span>
<br />
<div id="list">
<asp:Panel runat="server" ID="Panel1" Style="float: left; margin-left: 160px" Visible="<%#Container.PageCount > 1 %>">
<asp:Button runat="server" ID="PrevButton" CommandName="Page" CommandArgument="Prev"
Text="Prev Page" Enabled="<%#Container.CurrentPageIndex > 0 %>" />
<asp:Button runat="server" ID="NextButton" CommandName="Page" CommandArgument="Next"
Text="Next Page" Enabled="<%#Container.CurrentPageIndex < Container.PageCount - 1 %>" />
</asp:Panel>
<div>
<telerik:RadSlider runat="server" ID="RadSlider1" MaximumValue="3" MinimumValue="1"
Value="2" LiveDrag="false" SmallChange="1" AutoPostBack="true" OnValueChanged="RadSlider1_ValueChanged"
Width="150px" CausesValidation="false" />
</div>
<div style="clear: both;">
</div>
<asp:Panel ID="itemPlaceholder" runat="server">
</asp:Panel>
<div style="clear: both;">
</div>
</div>
</LayoutTemplate>
<ItemTemplate>
<div id="wrapper" runat="server" style="float: left; margin-top: 2px; margin-bottom: 2px;">
<telerik:RadBinaryImage ID="ThumnailImage1" runat="server" />
UPC:
<asp:Label ID="lblUPC" runat="server"></asp:Label><br />
Description:
<asp:Label ID="lblDescription" runat="server"></asp:Label>
<br />
<div id="dvCountries" runat="server">
Languages:</div>
Changes:<asp:Label ID="lblChanges" runat="server"></asp:Label>
<br />
Pack Format:<asp:Label ID="lblPackType" runat="server"></asp:Label>
<br />
Date Completed:<asp:Label ID="lblDateCompleted" runat="server"></asp:Label>
<br />
</div>
</div>
</ItemTemplate>
</telerik:RadListView>
I beleive this is based on the standard microsoft listview,
For anybody who faces the same issue, the answer appears here:
http://www.telerik.com/community/forums/aspnet-ajax/listview/listview-paging-and-sortorder.aspx
seems to be a bug with Telerik
I have a website with asp.net C# when hosted locally works fine.
When Used with IIS 7.5 and Windows Server 2008 ajax control tool kit does not work properly. Can anyone help me please.
Error shown in FireBug:
NetworkError: 404 Not Found - http://www.acmeinfovision.com/Settings/ClientSalaryHeadSetting.aspx?_TSM_HiddenField_=ctl00_ToolkitScriptManager1_HiddenField&_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d3.5.60501.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3a61715ba4-0922-4e75-a2be-d80670612837%3af2c8e708%3ade1feab2%3a720a52bf%3af9cec9bc%3a589eaa30%3aa67c2700%3aab09e3fe%3a87104b7c%3a8613aea7%3a3202a5a2%3abe6fb298%3aaf404b5%3a698129cf%3abb25728f%3a289e72ab"
Client...89e72ab
Sys.Extended is undefined
[Break On This Error] ...tl00_DropPanel"),"dynamicServicePath":"/Settings/ClientSalaryHeadSetting.aspx","...
Master Page Code Looks Like this
<%# Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="AcmePayRoll.Site" %>
<!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 runat="server">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />
<title></title>
<link href='<%# this.ResolveCSS("~/css/Stylesheet_mini.css")%>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/ui-Redmond/jquery-ui_mini.css")%>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/demo_table_jui_mini.css") %>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/ColVis_mini.css")%>' rel='stylesheet' type='text/css' />
<link href='<%# this.ResolveCSS("~/css/TableTools_mini.css") %>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/TableTools_JUI_mini.css")%>' rel='stylesheet'
type='text/css' />
<link href='<%# this.ResolveCSS("~/css/ColReorder_mini.css")%>' rel='stylesheet'
type='text/css' />
<script src='<%# this.ResolveJS("~/js/jquery-1.7.1.min.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/jquery-ui-1.8.17.custom.min.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/Themeswither/TmemeSwither_mini.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/ScrollableGrid_mini.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/PayrollCommon_mini.js") %>' type='text/javascript'></script>
<script src='<%# this.ResolveJS("~/js/jquery.table_navigation_mini.js")%>' type='text/javascript'></script>
<link rel='SHORTCUT ICON' href='<%# this.ResolveUrl("~/Images/Acme-Logo.ICO")%>' />
<script type="text/javascript">
document.write("<div id='loading'><img id='pic1' src='<%# this.ResolveUrl("~/Images/15.gif") %>' /><br>Please Wait...</div>");
$(document).ready(function() {
var url='<%# this.ResolveUrl("~/") %>';
AddThemeSwither("ThemeSwither",url);
ApplyCommonStyles();
scrlsts();
$("#contentdiv").height($(window).height());
$("#contentdiv").width($(window).width());
});
function check()
{
var grid = $("<%# grid_clients.ClientID %>");
$(grid).Scrollable({ ScrollHeight: 70 });
}
function help_click(e) {
var helpurl= $(e.parentNode).find("input[type='hidden']");
var val=helpurl.val();
if(val!="")
{
window.open(val,'win');
}
}
</script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
#ThemeSwither
{
width: 200px;
position: absolute;
margin-left: auto;
overflow: inherit;
top: 5px;
left: 15px;
}
</style>
</head>
<body style="margin: 0; background-color: #FDF8FF;" >
<div style="vertical-align: top; width: 100%; height: 144px; top: 0; margin: 0;">
<form id="form1" runat="server">
<div id="contentdiv" style="width: 100%; border-bottom-color: Black">
<ajaxtoolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ScriptMode ="Release" EnablePageMethods ="true" CompositeScript-ScriptMode ="Release" LoadScriptsBeforeUI="false">
</ajaxtoolkit:ToolkitScriptManager>
<%--<asp:ScriptManager ID ="ScriptManager1" runat ="server" >
</asp:ScriptManager>--%>
<table width="100%" style="height: 100%" border="0" cellpadding="0" cellspacing="0">
<tr class="ui-state-hover" style="vertical-align: top; height: 8%">
<td style="width: 20%">
<div id="ThemeSwither">
</div>
<asp:ImageButton ID="btnDashboard" runat="server" BorderStyle="None" Style="position: absolute;
margin-left: auto; overflow: inherit; top: 65px; left: 15px;" ImageUrl="~/Images/Dashboard48.png"
ToolTip="Dashboard" AlternateText="Dashboard" DescriptionUrl="~/Dashboard/Dashboard.aspx"
OnClick="btnDashboard_Click" />
</td>
<td colspan="2" style="text-align: right">
<table width="100%">
<tr style="vertical-align: top">
<td colspan="2" align="right">
<asp:Label ID="lbluserid" runat="server" CssClass="ui-state-hover" Text="User Id"
Style="border: 0px; position: static; font-family: Cambria; font-size: medium"></asp:Label>
</td>
<td style="width: 10%; vertical-align: top" align="right">
<a href="" runat="server" id="cmdSignOut" style="font-family: Cambria; font-size: 15px;
vertical-align: top">SignOut</a>
<input type="hidden" id="hidden_help_url" runat="server" />
<asp:ImageButton ID="helpbutton" runat="server" ImageUrl="~/Images/help-icon.png"
Height="20px" Width="20px" ToolTip="Help" OnClientClick="help_click(this); return false;" />
</td>
</tr>
<tr>
<td align="center">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Image ID="clientlogo" runat="server" Height="35px" Width="31px" ImageAlign="Bottom" />
<asp:Label ID="lblclientid" runat="server" CssClass="ui-state-hover" Text="Client Id"
Style="border: 0px; font-family: Cambria; font-size: larger"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td>
</td>
<td align="right">
<table>
<tr>
<td>
<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<ajaxtoolkit:ModalPopupExtender ID="DropDownExtender2" runat="server" TargetControlID="lblclient"
PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true"
CancelControlID="CancelSubmitCompanies" />
<asp:ImageButton ID="lblclient" runat="server" ToolTip="Client List" Height="40px"
OnClientClick="check()" Width="40px" ImageUrl="~/Images/apartment-icon.png" Visible="false"
AccessKey="c" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td>
<asp:Panel ID="DropPanel" Style="display: none" runat="server" Width="200px" BackColor="#f4f4f4"
BorderStyle="Solid">
</asp:Panel>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<ajaxtoolkit:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="lblSelect"
DropDownControlID="DropPanel">
</ajaxtoolkit:DropDownExtender>
<asp:ImageButton ID="lblSelect" runat="server" ToolTip="Financial Year List" Height="35px"
Width="35px" ImageUrl="~/Images/Calendar-icon.png" OnClick="lblSelect_Click"
AccessKey="y" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3">
<div>
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
</td>
</tr>
<tr style="height: 83%; vertical-align: top">
<td colspan="3">
<div class="ui-widget-header" id="nav-menu">
<asp:Menu ID="MnuSiteMenus" runat="server" Orientation="Horizontal" DynamicHoverStyle-CssClass="dmenuHover"
Font-Bold="false" AccessKey="n" Font-Names="Cambria" DynamicMenuStyle-CssClass="ui-state-hover"
DynamicBottomSeparatorImageUrl="~/Images/LineSeparator.png" StaticItemFormatString="    {0}">
</asp:Menu>
</div>
<div style="text-align: center" class="ui-state-hover">
<asp:Label ID="mainlabel" runat="server" Text="" Font-Size="X-Large" Font-Names="cambria"></asp:Label>
</div>
<div style="border-left-width: 30px; border-left-style: solid; border-left-color: #FDF8FF;
border-right-width: 30px; border-right-style: solid; border-right-color: #FDF8FF">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</td>
</tr>
<tr class="ui-state-hover" style="vertical-align: top; background-color: #FFEFDB;
height: 4%">
<td colspan="3" style="text-align: right">
<div>
<p style="text-align: right; font-size: small; font-family: Cambria;">
<marquee behavior="alternate" scrollamount="2" width="100%">Copyright © 2012 Acme Infovision Systems Pvt. Ltd. All Rights Reserved.</marquee>
</p>
</div>
</td>
</tr>
</table>
</div>
<asp:Panel ID="Panel1" runat="server" BackColor="#f4f4f4" Style="display: none; overflow: hidden;"
Visible="false" BorderStyle="Solid">
<asp:UpdatePanel ID="UpdatePanelrptClientList" runat="server">
<ContentTemplate>
<div style="text-align: center; font-size: large">
<asp:Label ID="grid_label" runat="server" Text="List of Clients" CssClass="all_inputs_labels"></asp:Label>
</div>
<div style="height: 220px; overflow: scroll">
<grid:MyGridView ID="grid_clients" ScrollWidthInpx="400" Width="600px" runat="server"
AllowSorting="true" AutoGenerateColumns="false" SelectedIndex="0" Font-Size="17px"
MouseHoverRowHighlightEnabled="true" CssClass="all_labels_inputs" ColumnNoToTrace="0">
<Columns>
<asp:BoundField DataField="ClientName" HeaderStyle-HorizontalAlign="Left" HeaderText="ClientName">
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:TemplateField HeaderText="Client Name">
<ItemTemplate>
<asp:LinkButton ID="lb" Text='<%# Eval("ClientName")%>' runat="server" OnClick="lbtn1_Click" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Contact" HeaderStyle-HorizontalAlign="Left" HeaderText="Contact">
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:BoundField DataField="ClientId" HeaderStyle-HorizontalAlign="Left" HeaderText="ClientId">
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
</Columns>
<FooterStyle BackColor="#3B4990" Font-Bold="True" ForeColor="White" />
<PagerStyle CssClass="ui-state-hover" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle CssClass="all_labels_inputs ui-state-hover" Font-Bold="True" />
</grid:MyGridView>
</div>
<div style="text-align: center">
<asp:Button ID="CancelSubmitCompanies" runat="server" Text="Cancel" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
</form>
</div>
</body>
</html>
Sys.Extended is undefined
but it is working on local IIS 6, IIS 7 IIS 7.5
From all your questions that are the same with this one I conclude that you have forget to include the AjaxControlToolkit.dll on your bin directory.
If you do have included then you did not have correct registered on your web.config on the different server.