or
function
TitleChanged(ObjSource, objDestination) {
try
{
document.getElementById(
'<%= DivTitle.ClientID %>'
).innerHTML = ObjSource.value;
TitleText = ObjSource.value;
MakeDirty();
}
catch
(err) {
}
}
function
TitleDivChanged() {
try
{
TitleText=document.getElementById(
'<%= DivTitle.ClientID %>'
).innerHTML;
document.getElementById(
'<%= txtTitle_WorkingDeal.ClientID %>'
).value = TitleText;
MakeDirty();
}
catch
(err) {
}
}
<telerik:RadTextBox ID=
"txtTitle_WorkingDeal"
runat=
"server"
Width=
"350"
EmptyMessage=
"Deal Title"
MaxLength=
"100"
Rows=
"1"
SelectionOnFocus=
"SelectAll"
Text=
""
ValidationGroup=
"WorkingDeal"
Wrap=
"False"
OnKeyup=
"TitleChanged(this, 'divTitle')"
></telerik:RadTextBox>
<div ID="divTitle" onkeyup="TitleDivChanged()" CONTENTEDITABLE="true" runat="server" class="Title" style="color: #000000">TITLE</div>
This Works:
<asp:TextBox ID=
"txtTitle_WorkingDeal"
runat=
"server"
Width=
"350"
MaxLength=
"100"
Rows=
"1"
OnKeyup=
"TitleChanged(this, 'divTitle')"
></asp:TextBox>
<!DOCTYPE html>
<
html
style
=
"height:100%"
>
<
body
style
=
"height:100%"
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:radscriptmanager
id
=
"RadScriptManager1"
runat
=
"server"
/>
<
div
style
=
"position:fixed;width:100%;height:100%;"
>
<
div
style
=
"width:100%;height:30px;"
>
<
telerik:RadMenu
ID
=
"radMenu"
Runat
=
"server"
Flow
=
"Horizontal"
Skin
=
"Black"
EnableViewState
=
"false"
EnableEmbeddedSkins
=
"true"
>
</
div
>
<
iframe
id
=
"contentPane"
name
=
"contentPane"
style
=
"padding-top:30px;width:100%;height:100%;display: block;border:0;"
></
iframe
>
</
div
>
</
form
>
</
body
>
</
html
>