Html editor is not functioning well in FF and chrome.

See more:

HTML

Ajax

Hi every body,

I am using Ajax control Html editor for geting and showing data. I am using charecter counters and also validate on client-side. It works fine in IE but not in FF and chrome. In FF and chrome it don't count and don't change validate color (wrong), but in IE it do (correct). Can any one help me??? Code is given below;

<custom:HtmlEditor ID="txtJobDetails"  runat="server" Height="150px" TabIndex="4" />
                            <asp:HiddenField ID="hfOldContants" runat="server" />
 <asp:Label ID="lblJobDetails" runat="server" Text="3000"></asp:Label>

and in javascript;

Sys.Application.add_load(function () {
            var editor = $find("<%= txtJobDetails.ClientID %>");  // Editor's ID="myEditor" 

            var editPanel = editor.get_editPanel();
            var designPanel = editPanel.get_modePanels()[AjaxControlToolkit.HTMLEditor.ActiveModeType.Design];

            editPanel._setActive_saved = editPanel._setActive;

            editPanel._setActive = function () {
                if (this.get_activeMode() == AjaxControlToolkit.HTMLEditor.ActiveModeType.Design) {
                    var designPanel = this.get_activePanel();
                    designPanel.onContentChanged();
                }
                this._setActive_saved();
            };

            

            designPanel.onContentChanged = function () {
                var innerText;
                var hfOldContants = document.getElementById("<%=hfOldContants.ClientID %>");
                if (AjaxControlToolkit.HTMLEditor.isIE) {
                    innerText = this._doc.body.innerText;
                } else {
                    var div1 = document.createElement("div");
                    var html = new AjaxControlToolkit.HTMLEditor.jsDocument(true);
                    AjaxControlToolkit.HTMLEditor.__MozillaGetInnerText(div1, html);
                    innerText = html.toString();
                    delete div1;
                    delete html;
                }

                // HTML text length 
                var htmlTextLength = AjaxControlToolkit.HTMLEditor.Trim(this._doc.body.innerHTML).length;
                var txt = innerText;
                // Plain text length 
                var plainTextLength = innerText.replace(/^[\s]+/g, "").replace(/[\s]+$/g, "").replace(/[\s]+/g, " ").length;

                // Place here your code: 

                if (txt.length > 3000) {
                    $find("<%= txtJobDetails.ClientID %>").set_content(hfOldContants.value);
//                    $(this._doc.body).css('backgroundColor', '#FFFFD4');
                    alert("Exceeded Character Limit");
                    return false;
                }
                else {
                    document.getElementById("totalHtml").value = htmlTextLength + " Chars Used";
                    $("#<%=lblJobDetails.ClientID %>").html(3000 - (txt.length) + " chars left");

                    hfOldContants.value = AjaxControlToolkit.HTMLEditor.Trim(this._doc.body.innerHTML);
                    hfOldContants.innerHTML = AjaxControlToolkit.HTMLEditor.Trim(this._doc.body.innerHTML);

                    if ($("#<%=lblJobDetails.ClientID %>").html() == "3000 chars left") {
                        $(this._doc.body).css('backgroundColor', '');
                        $(this._doc.body).css('backgroundColor', '#FFFFD4');
                    }
                    else {
                        $(this._doc.body).css('backgroundColor', '');
                    }

                }
            }
});

Regards,
Atiq