Hi All,
I am working on small assignment of advertising.
For this i have taken ajax HtmlEditorExtender.
And I want to create Keydown event for the same.
But Somehow its not working.
Will Anyone please tell me right path for it.
my aspx is like below
---------------------------------------------------
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage3.master" AutoEventWireup="true" CodeFile="myextender.aspx.cs" Inherits="myextender" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
Sys.Application.add_load(function () {
var htmlEditorBox = $('.ctl00$ContentPlaceHolder1$txtbox');
var myvarvalue = document.getElementsByName(ctl00$ContentPlaceHolder1$txtbox);
htmlEditorBox.keydown(function () {
alert('here');
myvarvalue.innerHTML = this.textContent;
alert(this.textContent);
alert(myvarvalue.value);
});
});
</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<table>
<tr>
<td></td>
</tr>
<tr>
<td>Edit Your Ad</td>
<td>
<h3 style="height: 58px">Preview Of Your Ad(3x10)</h3>
</td>
</tr>
<tr>
<td>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
<div id="myTextBoxDiv" runat="server" contenteditable="true" designMode="true">
<asp:TextBox ID="txtbox" runat="server" AutoPostBack="true" onkeypress ="chkmehere(this)" TextMode ="MultiLine" OnTextChanged="txtbox_TextChanged" ></asp:TextBox>
</div>
<ajaxToolkit:HtmlEditorExtender ID="HTMLEditorExtender1" runat="server" EnableSanitization="false" TargetControlID="txtbox" >
<Toolbar>
<ajaxToolkit:Bold />
<ajaxToolkit:Italic />
<ajaxToolkit:Underline />
<ajaxToolkit:BackgroundColorSelector />
<ajaxToolkit:ForeColorSelector />
<ajaxToolkit:FontNameSelector />
<ajaxToolkit:FontSizeSelector />
<ajaxToolkit:InsertImage />
</Toolbar>
</ajaxToolkit:HtmlEditorExtender>
</td>
<td style="border: 1px solid black; height: 377.952755906px; width: 113.3858267717px">
<div ID="div1" runat="server" Height="446px" contenteditable="true" ></div>
</td>
<td>
<asp:TextBox ID="txtcms" runat="server"></asp:TextBox></td>
<td>
<asp:TextBox ID="txtrate" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</asp:Content>
-----------------------------------------------------------
and my codebehind is:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using System.Web.UI.HtmlControls;
public partial class myextender : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
string TemplateFile = Server.MapPath("Classifieds\\Bwrbox1.html");
TextReader tr = new StreamReader(TemplateFile);
txtbox.Text = tr.ReadToEnd();
string TemplateFile2 = txtbox.Text;
div1.InnerHtml = TemplateFile2;
}
}
protected void txtbox_TextChanged(object sender, EventArgs e)
{
div1.InnerHtml = txtbox.Text;
}
}
--------------------------------------------------------------------------------
PLease Help me for this problem.
Regards,
Jayesh(From India,Mumbai)