Hi. I am trying to localize a page AND simulate the AJAX watermarks in
it, i.e. the textbox contains the text "Enter your name", or "Entrez
votre nom", for instance, then on click, delete this text, allow
entry, but on deletion of the inputted text show again "Enter your
name", or "Entrez votre nom" depending on the UICulture.
Everything worked great UNTIL I have added a button which posts back.
Now on postback I have the error in the title.
This is how it is supposed to work. The page contains the script
<script>
var s=trim('<%= jsTextAddress %>');
function trim(stringToTrim) {
return stringToTrim.replace(/^\s+|\s+$/g,"");
}
function RecipientAddress_SetToBlank(){
var t=trim(event.srcElement.value)
if (t == s)
{
event.srcElement.value = "";
}
}
function RecipientAddress_SetToDefault(){
var t=trim(event.srcElement.value)
if (t == "")
{
event.srcElement.value = s;
}
}
</script>
The "trim" function is necessary because (first stupid unexplained
thing) the clean strings entered in the resource files come back with
lots of Tabs, CRLFs, and spaces (!!!!!!!!?????)
The textarea in question has the HTML
onfocus="RecipientAddress_SetToBlank()"
onblur="RecipientAddress_SetToDefault()"
The whole thing is supposed to compare the existing string in the
textbox control with the "LOCALIZED" default contents, that is "Enter
your name" or "Entrez votre nom". That's why I need to use the
variable <%= jsTextAddress %instead of comparing it directly with
the "Enter your name" string.
In code behind, in Page Load, I have
jsTextAddress = GetGlobalResourceObject("Scorecards", "String1")
It all worked great - on load the text area showed either "Enter your
name" or "Entrez votre nom", when cliking in the textarea it became
blank waiting for input, if input than the input stays, if the input
is deleted then the contents reverts to either "Enter your name" or
"Entrez votre nom" depending on the culture - exactly as a watermarked
text control is supposed to work.
However, as soon as I have added a postback control on the page, I
have started to receive the error "The Controls collection cannot be
modified because the control contains code blocks" which happens on
System.Web.UI.ControlCollection.Add(Control child)
How can I fix this please ?
Thanks a lot. Alex.
PS. This is the code for quick pasting in a form named "Welcome.aspx":
HTML:
-----------------------------------------------------------------------------------------------------------------------------------------
<%@ Page Language="vb" AutoEventWireup="false"
CodeBehind="Welcome.aspx.vb" Inherits="Temp2.Welcome" %>
<!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">
<title>Welcome</title>
<script>
var s=trim('<%= jsTextAddress %>');
function trim(stringToTrim) {
return stringToTrim.replace(/^\s+|\s+$/g,"");
}
function RecipientAddress_SetToBlank(){
var t=trim(event.srcElement.value)
if (t == s)
{
event.srcElement.value = "";
}
}
function RecipientAddress_SetToDefault(){
var t=trim(event.srcElement.value)
if (t == "")
{
event.srcElement.value = s;
}
}
</script>
</head>
<body>
<form id="frmWelcome" runat="server">
<div>
<textarea
title="<%$ Resources:Scorecards, String2 %>"
rows="5"
id="txtRecipient_Address"
style="width:100%;"
onfocus="RecipientAddress_SetToBlank()"
onblur="RecipientAddress_SetToDefault()"
runat="server">
<%= jsTextAddress %>
</textarea>
<asp:RequiredFieldValidator
ID="req_txtRecipient_Address1"
Display="Dynamic"
ControlToValidate="txtRecipient_Address"
Text="*"
InitialValue="<%= jsTextAddress %>"
ErrorMessage="<%$ Resources:Scorecards, String5 %>"
runat="server">
</asp:RequiredFieldValidator>
<asp:RequiredFieldValidator
ID="req_txtRecipient_Address2"
Display="Dynamic"
ControlToValidate="txtRecipient_Address"
Text="*"
ErrorMessage="<%$ Resources:Scorecards, String5 %>"
runat="server">
</asp:RequiredFieldValidator>
<asp:ValidationSummary
ID="validSummary"
ShowSummary="false"
DisplayMode="BulletList"
HeaderText="<%$ Resources:Scorecards, String4 %>"
ShowMessageBox="true"
runat="server"
/>
<input
type="text"
id="txtRecipientSummary"
value="<%$ Resources:Scorecards, String6%"
runat="server"
title="<%$ Resources:Scorecards, String6%"
style="width:100%"
/>
<asp:Button
Width="150"
AccessKey="N"
Text="<%$ Resources:Scorecards, String7 %>"
ID="cmdOk"
runat="server"
/>
</div>
</form>
</body>
</html>
Code-behind:
-----------------------------------------------------------------------------------------------------------------------------------------
Public Partial Class Welcome
Inherits System.Web.UI.Page
Public jsTextAddress As String
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Me.Load
jsTextAddress = GetGlobalResourceObject("Scorecards", "String1")
End Sub
Protected Overrides Sub InitializeCulture()
Dim strLang As String
strLang = Context.Request.Params("Language")
If Not String.IsNullOrEmpty(strLang) Then
If UCase(strLang) = "FR-CA" Then
UICulture = strLang
Culture = strLang
Session("Language") = "FR-CA"
System.Threading.Thread.CurrentThread.CurrentCultu re =
System.Globalization.CultureInfo.CreateSpecificCul ture(strLang)
System.Threading.Thread.CurrentThread.CurrentUICul ture = New
System.Globalization.CultureInfo(strLang)
Else 'Default to language "en"
UICulture = "EN-CA"
Culture = "EN-CA"
Session("Language") = "EN-CA"
System.Threading.Thread.CurrentThread.CurrentCultu re =
System.Globalization.CultureInfo.CreateSpecificCul ture("en-CA")
System.Threading.Thread.CurrentThread.CurrentUICul ture = New
System.Globalization.CultureInfo("en-CA")
End If
End If
End Sub
End Class
