hi,
A page on my site loads very slow which has toolkitscript defined - there update panels and textbox extender controls on the page.
this is top part of my page below. I noticed scriptmanager is faster but textboxwatermark extender do not work with that.
Is there any way to speed up page loading?
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender629" runat="server"
Enabled="True" TargetControlID="SongName2" WatermarkCssClass="watermark"
WatermarkText="enter name" />
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="Style/Style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function ShowMP() {
if (Page_ClientValidate() == true) {
var MP = $find("<%=MPE3.ClientID %>");
MP.show();
setTimeout('document.images["myAnimatedImage"].src = "Images/286.GIF"', 200);
}
}
function HideMP() {
var MP = $find("<%=MPE3.ClientID %>");
MP.hide();
}
</script>
<script type="text/javascript" language="javascript">
function validateLimit(obj, divID, maxchar) {
objDiv = get_object(divID);
if (this.id) obj = this;
var remaningChar = maxchar - trimEnter(obj.value).length;
if (objDiv.id) {
objDiv.innerHTML = remaningChar + " characters left";
}
if (remaningChar <= 0) {
obj.value = obj.value.substring(maxchar, 0);
if (objDiv.id) {
objDiv.innerHTML = "0 characters left";
}
return false;
}
else
{ return true; }
}
function get_object(id) {
var object = null;
if (document.layers) {
object = document.layers[id];
} else if (document.all) {
object = document.all[id];
} else if (document.getElementById) {
object = document.getElementById(id);
}
return object;
}
function trimEnter(dataStr) {
return dataStr.replace(/(\r\n|\r|\n)/g, "");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<cc1:ToolkitScriptManager runat="server">
</cc1:ToolkitScriptManager>
<div class="page">