AJAX :: UpdatePanel Not Working When Html Editor Is Inside
Feb 2, 2011
Really the title explains it. When i have an HTML Editor (from the AJAX Control Toolkit) inside an UpdatePanel, i get the error message: "Microsoft JScript runtime error: Invalid set operation on read-only property"
I was looking online and it appears it's because the editor uses javascript - is there any workaround for this?
My markup is pretty straight forward:
<%@
Page
Title=""
Language="VB"
MasterPageFile="~/Site.master"
AutoEventWireup="false"
CodeFile="post.aspx.vb"
Inherits="post"
%>
<%@
Register
Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="asp"
%>
<%@
Register
assembly="AjaxControlToolkit"
namespace="AjaxControlToolkit.HTMLEditor"
tagprefix="cc1"
%>
<asp:Content
ID="Content1"
ContentPlaceHolderID="HeadContent"
Runat="Server">
<link
rel="stylesheet"
href="../Styles/post.css"
/>
</asp:Content>
<asp:Content
ID="Content2"
ContentPlaceHolderID="MainContent"
Runat="Server">
<table
style="width:100%"><tr><td
valign="top"
style="text-align:left"><asp:Label
ID="forumNav"
runat="server"
Text="Label"
Font-Names="Calibri"
Font-Size="Small"
ForeColor="#333333"></asp:Label></td><td
valign="top"
style="text-align:right;"><asp:Hyperlink
ID="replyButton"
NavigateUrl="reply.aspx?postID="
runat="server"
Text="Reply"
CssClass="replyButton"></asp:HyperLink></td></tr></table>
<asp:Panel
ID="postContent"
runat="server">
</asp:Panel>
<asp:UpdatePanel
ID="ReplyPanel"
runat="server"
ChildrenAsTriggers="false"
UpdateMode="Conditional">
<ContentTemplate>
<center>
<asp:Label
ID="Label1"
runat="server"
Text=""></asp:Label>
</center>
<br
/>
<asp:Panel
ID="Panel1"
runat="server">
Reply:
<cc1:Editor
ID="Editor1"
runat="server"
/>
<center>
<asp:Button
ID="Button1"
runat="server"
Text="Post
Reply"
/>
</center>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger
ControlID="Button1"
EventName="Click"
/>
</Triggers>
</asp:UpdatePanel>
<asp:UpdateProgress
ID="ReplyProgress"
runat="server"
AssociatedUpdatePanelID="ReplyPanel"
>
<ProgressTemplate>
<center>
<asp:Image
ID="loading"
runat="server"
ImageUrl="~/Images/ajax-loader
(1).gif"/>
Sending reply...</center>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Content>
 
View 2 Replies
Similar Messages:
Mar 31, 2010
The following is not working (does a full postback). Note: HTML tags inside updatepanel. We can' t have HTML tags inside updatepanel? If so, what's the work around?
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<td><asp:DropDownList ID="ddlDEPT_ID" runat="server" AutoPostBack="true"></asp:DropDownList></td>
<td><asp:Label ID="Label5" runat="server" Text="Sub-Department:"></asp:Label></td>
<td><asp:DropDownList ID="ddlSUB_DEPT_ID" runat="server"></asp:DropDownList></td>
</ContentTemplate>
</asp:UpdatePanel>
The following works fine. AJAX in action.
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:DropDownList ID="ddlDEPT_ID" runat="server" Width="200px" AutoPostBack="true"></asp:DropDownList>
<asp:Label ID="Label5" runat="server" Text="Sub-Department:"></asp:Label>
<asp:DropDownList ID="ddlSUB_DEPT_ID" runat="server" Width="200px"></asp:DropDownList>
</ContentTemplate>
</asp:UpdatePanel>
View 3 Replies
May 7, 2015
I saw article [URL] .... that is working fineÂ
I have a page with multiple textbox multilineÂ
When I apply your code for three textbox then it show only one editor and remain same as simple textbox and if i click on button it flickering ...
Â
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
<asp:HiddenField ID="HiddenField1" runat="server" />
[Code] ....
View 1 Replies
Mar 28, 2010
Why CollapsiblePanelExtender crashes every HTML editor used inside it
View 1 Replies
Aug 20, 2010
When inserting a simple embed of youtube inside the ajax editor, on firefox and chrome problems occur. On the other hand on internet explorer 8 everything works fine. I found this solution [URL]
My question is where do I find the DesignPanel.pre.js ?
View 3 Replies
Jul 11, 2010
Is there anyway i can place a HTML Editor inside the gridview´s edit template? I tried this on the top:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor"
TagPrefix="cc1" %>
And my template field for the text (which was suppose to be with HTML):
[Code]....
I tried to place the HTML Editor inside the Gridview and it didnt work.
View 3 Replies
Mar 5, 2010
This is my mistake: If I put an AJAX Editor INSIDE a FormView it loses the layout (I see all the icons button disordered and the Editor without background). If I simultaneously put an Editor inside a FormView and externally in the page both works fine and I see both in the right way. I repeat: with another Editor in the page the Editor inside the FormView works fine!!
I think it may depend on the css, so I have tried to modify the "DesignPanelCssPath" and the "DocumentCssPath" of the Editor inside the FormView, but nothing has changed.
View 3 Replies
Jun 22, 2010
I was wondering if there was an easy way to change the output generation properties of the HTML editor.
I need to change it from the current XHTML standard (spans, etc) to legacy styles; <b>, <u>, <i>, etc.
View 2 Replies
Feb 23, 2010
I have populated my data using DataRepeater Control and i have a Delete button on that so each and every row has a delete button which allows user to delete a single entry from DB. I have put this control inside UpdatePanel so i can avoid full page postback.
When i delete the row from the database and try to show a alert message using Repsonse.Write it throws me the below error message
Error: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled. Details: Error parsing near 'itle||Untitled Page|<script language='ja'. Source File: [URL]
But, If i remove my update panel its coming up well, is there any solution so i can show alert box after a row been deleted ?
View 8 Replies
Oct 1, 2010
overflow auto not working inside updatepanel
View 3 Replies
Nov 11, 2010
if click any button example command and type the autocomplete search is not working
below the code iam sending herewith,how to over come this problem
when i make autopost back true then autocomplete search not workin
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="stdreferencemaster.aspx.cs" Inherits="stdreferencemaster" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>Untitled Page</title>
<style type="text/css">
.TabHeaderCSS
{
margin-right: 20px;
font-family:Verdana, Arial, Courier New;
font-size: 16px;
background-color:#FFFFC0 ;
text-align: left;
cursor: pointer;
border:10px;
padding:10px;
margin:20px;
spacing:30px;
}
.my
{
padding:40px;
margin:10;
}
</style>
<link rel="Stylesheet" type="text/css" href="formstyle.css" />
<link rel="stylesheet" href="jquery.autocomplete.css" type="text/css" />
<script type="text/javascript" src="script/jquery-1.4.2.js"></script>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
function MoveTab(num)
{
var container = $find('pnrefmaster');
container.set_activeTabIndex(num);
}
</script>
<div id="wrap">
<div id="header">
<table style="width: 936px">
<tr>
<td style="width: 819px">
</td>
<td style="width: 106px">Welcome
</td>
<td style="width: 661px">
View 1 Replies
Feb 8, 2011
This is Vijay Reddy Chennadi. I have a problem with validation summary, which is not working properly inside a gridview (which is in an updatepanel).
View 4 Replies
May 7, 2015
ImageButton inside Datalist inside update panel is not firing in my asp.net web page. what should i proceed??
View 1 Replies
Jan 26, 2010
I have an Editor control on my page and the user can go in use it hit save and that all works.
In another part of the page I have a simple dropdown to select a note and view it. When you push view it loads the text which was entered in via the editor control.
If the user used an order or unordered list. The text shows up but not the list part.
So if they did this:
Example
ThisAnd this
What is displaying is
Example
This
And This
Without the bullets. Same for the numbers.
I have it going to a literal control which should render the html, but it doesn't.
View 3 Replies
Jul 16, 2010
I went through the documentation and looked at the asp.net/webmatrix pages but could not find a RichTextEditor.
Is there one built into WebMatrix or can I just use the AjaxToolkit Html Editor or another 3rd party editor?
View 4 Replies
Dec 15, 2012
Question for Print functionality in ASP.Net GridView control artical. I tried you code in my project, when click print current page, nothing happens.
So I download your code into my test web project "WebSite1", greate, it works.
Then in your CS.aspx page,
I added (which is the case of my project of using AJAX).
<asp:ScriptManager ID="ScriptManager1" runat="server">Â Â Â Â Â Â Â </asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">Â Â Â Â Â Â Â <ContentTemplate>
<div>Â Â Â Â Â Â Â <asp:GridView ID="GridView1" runat="server"
.......................... gridview stuff gose here .........................
</div> etc etc to close all the tags.
Now run, click print button nothing happens, no any error.
Can you see why put updatePanle for AJAX causing problem ?
I also have to pur EnableEventValidation="false" at top of the page to avoid
View 1 Replies
Jun 22, 2010
I'm doing a website with Ajax and Framework3.5.
I have a update panel inside a modalpoupextendar which is in another update panel.
When user need to click the button in the parent update panel the modal popup will appear,
then in the popup if user click a button there I Need to show some text in a user control which placed in the panel.
See the html tag and tel me any solution. Its not working for the first click its working in the second click only.
Code:
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="False">
<ContentTemplate>
<asp:Button ID="btnHidden" runat="server" Text="Button" />
<cc1:ModalPopupExtender ID="ModalPopupExtender2" runat="server" BackgroundCssClass="modalBackground"
BehaviorID="popup" DropShadow="true" PopupControlID="pnlUpdate" CancelControlID="btnNo"
TargetControlID="btnHidden">
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlUpdate" runat="server" CssClass="modalPopup" >
<div>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Always">
<ContentTemplate>
<div>
<uc1:Feedback ID="Feedback2" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger controlid="btnTest" eventname="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Button ID="btnTest" runat="server" Text="Test" onclick="btnTest_Click" />
<asp:Button ID="btnNo" runat="server" Text="Cancel" /></div>
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
View 6 Replies
Oct 25, 2010
I'm using fancybox to display the contents of a div when clicking a link. This works using the code below:
<a id="popupTrigger" href="#popup">popup trigger</a>
<div style="display:none">
<div id="popup">
<asp:UpdatePanel ID="HerkomstCodeUpdatePanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
This content displays inside fancybox.
<asp:TextBox ID="CurrentTimeTextBox" runat="server"></asp:TextBox>
<asp:Button ID="RefreshContentButton" runat="server"></asp:Button>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
And the JScript:
$(document).ready(function () {
$("#popupTrigger").fancybox({
autoDimensions: false,
height: 250,
transitionIn: 'elastic',
transitionOut: 'elastic',
width: 400
});
});
Now what I'm expecting it would do is that when you click the button (which is displayed inside fancybox) it would update the textbox and do whatever I define it to do in the codebehind. Unfortunately nothing happens when I click the button.
I've tried to trigger a __doPostback myself passing the ClientID of the updatepanel and/or the button itself. I can't seem to trigger the event in the codebehind however.
The thing is if I remove the fancybox, the updatepanel works as expected. So I am guessing if I can somehow find out what eventhandler logic is behind the button before I create the fancybox, I might be able to recreate the eventhandler logic after attaching fancybox? I just can't find it anywhere...
I am using ASP.Net WebForms 3.5 and JQuery 1.4.1
Update
I got it to trigger the codebehind button_click event by overriding the clientside click event on the button using the code below. The key is in using the name of the button as the sender object for the __doPostBack event. The only problem that remains is that all other values aren't posted back anymore. If I type anything in the textbox, click the button, my codebehind doesn't know what's in the textbox anymore.
$("#popupTrigger").fancybox({
//.... other options,
onComplete: function () {
$("#RefreshContentButton").click(function () {
__doPostBack($(this).attr('name'), '');
});
}
});
View 2 Replies
Aug 4, 2010
i am using LinqDataSource and a gridview control and my paging/sorting works fine but when i add <asp:UpdatePanel than its not working, below is my .aspx page and i am not sure what i am missing...
<%@ Page Language="C#" MasterPageFile="~/MasterPage/MAIN.Master" AutoEventWireup="true" CodeBehind="ContPage.aspx.cs" Inherits="ContPage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphMaster" runat="server">
[Code]....
View 1 Replies
Sep 24, 2010
I have a gridview inside UpdatePanel.
Inside gridview there is a dropdownlist and a button on each row. On button click I am opening a panel through Modal popup extneder.
Inside that pop up there is again a dropdownlist. I am adding an item into this dropdownlist based on the selection from the dropdown inside gridview.
like ddl.items.insert(0,'xyz');
But first time this inserted item is not getting reflected in the dropdownlist. But after one postback this item is getting reflected.
View 2 Replies
Aug 17, 2010
I've got UpdatePanel with Div
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">
<div class="pnlFind" style="display:none;">
</div>
</telerik:RadAjaxPanel>
wanna use js for showing this div
[code]....
but after partial postback, I got div invisible again(right! restore DOM) How can I remember that div should be always visible after button click.
View 1 Replies
Oct 4, 2010
I'm trying to add and edit an image which is located in a detailsview which is inside an UpdatePanel. After I read relevant topics in the forum I installed the Ajax Control Toolkit. Below is my source code. When I used it only for insert new image it worked great. The problem caused when I tried to implement it on the Edit mode, i.e. when I tried to edit the image and upload a different image. Unfortunately it didn't work as I hoped. Nothing happend and the image hasn't been changed. I also tried to change the IDs (AsyncFileUpload ID) to be the same in both places but it didn't work either.
The source code:
<asp:DetailsView ID="dvMovie" runat="server" Height="50px" Width="695px"
AutoGenerateRows="False" DataSourceID="sdsMovieById"
BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" [code].....
View 2 Replies
Mar 23, 2010
I'm trying to update my web site with the HTMLEditor control for Blog posting. I really need to know what my web.config changes need to be too. I get this error:Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
[code]...
View 7 Replies
Jul 17, 2010
get text (non html/ not formatted) from ajax text editor in asp.net i am using vs 2008.
i am using AjaxControlToolkit.HTMLEditor
you can see same kind of at : ajax HtmlEditor
View 2 Replies
Sep 24, 2010
I have a AJAX editor and I want to put the HTML content in a database and I want to get the HTML data from the database to put in the HTML editor, in HTML mode.
So I do:
Editor1.ActiveMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Html;
View 9 Replies