Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

Please Help my HtmlEditorExtender Keyup is not Working.

$
0
0

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)


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>