Hi,
I need to hide dates in ajax calender extender, like I have to choose only month and year alone. I don't want to see dates while I'm clicking the calender. How to get this feature in ajax calender extender?
Thanks in advance.
↧
How to hide date in ajax calender extender?
↧
'Sys is not defined' error when making web request during unload
I have an unload handler that makes a web request, and doesn't have a completed handler (it's a request that I want fired off before the next page loads, and I therefore don't care about the response).
The request works fine but an Error will show up in FireFox as it loads the next page:
'Sys is not defined
_this._webRequest.completed(Sys.EventArgs.Empty); MicrosoftAjax.debug.js (line 4009)'
Is this a bug or is there a workaround?
Is there another way to specify a web request in which a response is not expected, which makes the executor handling the onreadystatechange event unnecessary?
Thanks for any insight!
Mike
↧
↧
Calendar Control - Incorrect Date Format
Hi ,
I have the below CalendarExtender control associated with the Textbox on the ASPX page.
<asp:CalendarExtender ID="TextBox16_CalendarExtender" runat="server"
Enabled="True" TargetControlID="TextBox16" TodaysDateFormat="dd/MM/yyyy HH:MM:ss" Format="dd/MM/yyyy HH:MM:ss"></asp:CalendarExtender>But despite of specifying the dateformat in the control, it's bringing the date in MM/DD/YY HH:MM:ss format instead of dd/MM/yyyy HH:MM:ss format.
How can I change this default behaviour?
↧
Calendar Extender header on three lines
Hi
I have used the calendar extender on a textfield and it seems to work correctly, but I have a problem with the headerline since it shown with a scrollbar and the prev, month/year and next is shown on 3 lines instead of one.
From the code it seems that additional next,month/year and prec has been put into an additional <div></div> block hence the floating of the object does not work.
<div class="ajax__calendar_header" id="MainContent_txtChartStart_CalendarExtender_header"><div><div class="ajax__calendar_prev" id="MainContent_txtChartStart_CalendarExtender_prevArrow"></div></div><div><div class="ajax__calendar_next" id="MainContent_txtChartStart_CalendarExtender_nextArrow"></div></div><div><div class="ajax__calendar_title" id="MainContent_txtChartStart_CalendarExtender_title">maj, 2013</div></div></div>
Anybodt got an idea about how I have added the extra div or how to remove them?
Best regards
Thorbjørn
↧
Java script not working within ajax generated div
This is my main page or what you may say index.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="zain.aspx.cs" Inherits="Ajax.zain" %><!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 runat="server"><title></title><!-- ajax script start --><script type="text/javascript">
function callAJAX(url, pageElement, callMessage) {
document.getElementById(pageElement).innerHTML = callMessage;
try {
req = new XMLHttpRequest(); /* e.g. Firefox */
}
catch (e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
/* some versions IE */
}
catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
/* some versions IE */
}
catch (E) {
req = false;
}
}
}
req.onreadystatechange = function () { responseAJAX(pageElement); };
req.open("GET", url, true);
req.send(null);
}
function responseAJAX(pageElement) {
var output = '';
if (req.readyState == 4) {
if (req.status == 200) {
output = req.responseText;
document.getElementById(pageElement).innerHTML = output;
}
}
}
</script><!-- ajax script end --></head><body><form id="form1" runat="server"><a href="#" onclick="callAJAX('ResultPage.aspx','AjaxData')">View Website</a><div id="AjaxData"><!-- website would be shown here --></div></form></body></html>Now here is my result.aspx page:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ResultPage.aspx.cs" Inherits="Ajax.ResultPage" %><!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 runat="server"><title></title><!-- grid script start --><script type="text/javascript">$(document).ready(function () {$("#btnShowSimple").click(function (e) {
ShowDialog(false);
e.preventDefault();
});$("#btnShowModal").click(function (e) {
ShowDialog(true);
e.preventDefault();
});$("#btnClose").click(function (e) {
HideDialog();
e.preventDefault();
});
});
function ShowDialog(modal) {
$("#overlay").show();$("#dialog").fadeIn(300);
if (modal) {
$("#overlay").unbind("click");
}
else {$("#overlay").click(function (e) {
HideDialog();
});
}
}
function HideDialog() {
$("#overlay").hide();$("#dialog").fadeOut(300);
}</script><!-- grid script end --></head><body><form id="form1" runat="server"><div><h1>This is result page</h1><br /><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /><asp:Button ID="btnShowSimple" runat="server" Text="View Grid" onclick="ViewList_Click" /><br /><!-- grid started --><asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataKeyNames="employee_id" DataSourceID="SqlDataSource1" Visible="false" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"><Columns><asp:CommandField ShowSelectButton="True" /><asp:BoundField DataField="employee_id" HeaderText="employee_id"
InsertVisible="False" ReadOnly="True" SortExpression="employee_id" /><asp:BoundField DataField="employee_name" HeaderText="employee_name"
SortExpression="employee_name" /><asp:BoundField DataField="employee_age" HeaderText="employee_age"
SortExpression="employee_age" /><asp:BoundField DataField="employee_cellnum" HeaderText="employee_cellnum"
SortExpression="employee_cellnum" /><asp:BoundField DataField="employee_phonenum" HeaderText="employee_phonenum"
SortExpression="employee_phonenum" /><asp:BoundField DataField="employee_country" HeaderText="employee_country"
SortExpression="employee_country" /><asp:BoundField DataField="employee_province" HeaderText="employee_province"
SortExpression="employee_province" /><asp:BoundField DataField="employee_city" HeaderText="employee_city"
SortExpression="employee_city" /><asp:BoundField DataField="employee_address" HeaderText="employee_address"
SortExpression="employee_address" /><asp:BoundField DataField="employee_email" HeaderText="employee_email"
SortExpression="employee_email" /></Columns></asp:GridView><asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConflictDetection="CompareAllValues"
ConnectionString="<%$ ConnectionStrings:ZAINConnectionString %>"
DeleteCommand="DELETE FROM [Employee] WHERE [employee_id] = @original_employee_id AND (([employee_name] = @original_employee_name) OR ([employee_name] IS NULL AND @original_employee_name IS NULL)) AND (([employee_age] = @original_employee_age) OR ([employee_age] IS NULL AND @original_employee_age IS NULL)) AND (([employee_cellnum] = @original_employee_cellnum) OR ([employee_cellnum] IS NULL AND @original_employee_cellnum IS NULL)) AND (([employee_phonenum] = @original_employee_phonenum) OR ([employee_phonenum] IS NULL AND @original_employee_phonenum IS NULL)) AND (([employee_country] = @original_employee_country) OR ([employee_country] IS NULL AND @original_employee_country IS NULL)) AND (([employee_province] = @original_employee_province) OR ([employee_province] IS NULL AND @original_employee_province IS NULL)) AND (([employee_city] = @original_employee_city) OR ([employee_city] IS NULL AND @original_employee_city IS NULL)) AND (([employee_address] = @original_employee_address) OR ([employee_address] IS NULL AND @original_employee_address IS NULL)) AND (([employee_email] = @original_employee_email) OR ([employee_email] IS NULL AND @original_employee_email IS NULL))"
InsertCommand="INSERT INTO [Employee] ([employee_name], [employee_age], [employee_cellnum], [employee_phonenum], [employee_country], [employee_province], [employee_city], [employee_address], [employee_email]) VALUES (@employee_name, @employee_age, @employee_cellnum, @employee_phonenum, @employee_country, @employee_province, @employee_city, @employee_address, @employee_email)"
OldValuesParameterFormatString="original_{0}"
SelectCommand="SELECT * FROM [Employee]"
UpdateCommand="UPDATE [Employee] SET [employee_name] = @employee_name, [employee_age] = @employee_age, [employee_cellnum] = @employee_cellnum, [employee_phonenum] = @employee_phonenum, [employee_country] = @employee_country, [employee_province] = @employee_province, [employee_city] = @employee_city, [employee_address] = @employee_address, [employee_email] = @employee_email WHERE [employee_id] = @original_employee_id AND (([employee_name] = @original_employee_name) OR ([employee_name] IS NULL AND @original_employee_name IS NULL)) AND (([employee_age] = @original_employee_age) OR ([employee_age] IS NULL AND @original_employee_age IS NULL)) AND (([employee_cellnum] = @original_employee_cellnum) OR ([employee_cellnum] IS NULL AND @original_employee_cellnum IS NULL)) AND (([employee_phonenum] = @original_employee_phonenum) OR ([employee_phonenum] IS NULL AND @original_employee_phonenum IS NULL)) AND (([employee_country] = @original_employee_country) OR ([employee_country] IS NULL AND @original_employee_country IS NULL)) AND (([employee_province] = @original_employee_province) OR ([employee_province] IS NULL AND @original_employee_province IS NULL)) AND (([employee_city] = @original_employee_city) OR ([employee_city] IS NULL AND @original_employee_city IS NULL)) AND (([employee_address] = @original_employee_address) OR ([employee_address] IS NULL AND @original_employee_address IS NULL)) AND (([employee_email] = @original_employee_email) OR ([employee_email] IS NULL AND @original_employee_email IS NULL))"><DeleteParameters><asp:Parameter Name="original_employee_id" Type="Int32" /><asp:Parameter Name="original_employee_name" Type="String" /><asp:Parameter Name="original_employee_age" Type="Int32" /><asp:Parameter Name="original_employee_cellnum" Type="String" /><asp:Parameter Name="original_employee_phonenum" Type="String" /><asp:Parameter Name="original_employee_country" Type="String" /><asp:Parameter Name="original_employee_province" Type="String" /><asp:Parameter Name="original_employee_city" Type="String" /><asp:Parameter Name="original_employee_address" Type="String" /><asp:Parameter Name="original_employee_email" Type="String" /></DeleteParameters><InsertParameters><asp:Parameter Name="employee_name" Type="String" /><asp:Parameter Name="employee_age" Type="Int32" /><asp:Parameter Name="employee_cellnum" Type="String" /><asp:Parameter Name="employee_phonenum" Type="String" /><asp:Parameter Name="employee_country" Type="String" /><asp:Parameter Name="employee_province" Type="String" /><asp:Parameter Name="employee_city" Type="String" /><asp:Parameter Name="employee_address" Type="String" /><asp:Parameter Name="employee_email" Type="String" /></InsertParameters><UpdateParameters><asp:Parameter Name="employee_name" Type="String" /><asp:Parameter Name="employee_age" Type="Int32" /><asp:Parameter Name="employee_cellnum" Type="String" /><asp:Parameter Name="employee_phonenum" Type="String" /><asp:Parameter Name="employee_country" Type="String" /><asp:Parameter Name="employee_province" Type="String" /><asp:Parameter Name="employee_city" Type="String" /><asp:Parameter Name="employee_address" Type="String" /><asp:Parameter Name="employee_email" Type="String" /><asp:Parameter Name="original_employee_id" Type="Int32" /><asp:Parameter Name="original_employee_name" Type="String" /><asp:Parameter Name="original_employee_age" Type="Int32" /><asp:Parameter Name="original_employee_cellnum" Type="String" /><asp:Parameter Name="original_employee_phonenum" Type="String" /><asp:Parameter Name="original_employee_country" Type="String" /><asp:Parameter Name="original_employee_province" Type="String" /><asp:Parameter Name="original_employee_city" Type="String" /><asp:Parameter Name="original_employee_address" Type="String" /><asp:Parameter Name="original_employee_email" Type="String" /></UpdateParameters></asp:SqlDataSource><!-- grid ended --></div></form></body></html>Note: Please modify the grid with any sql database of your own.
Now here us my "result.aspx.cs" page:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Ajax
{
public partial class ResultPage : System.Web.UI.Page
{
public string GetConnectionString()
{
//sets the connection string from your web config file "ApplicationServices" is the name of your Connection String
return System.Configuration.ConfigurationManager.ConnectionStrings["ApplicationServices"].ConnectionString;
}
protected void Page_Load(object sender, EventArgs e)
{
}
protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
{
TextBox1.Text = GridView1.SelectedRow.Cells[2].Text;
ViewState["Show"] = false;
GridView1.Visible = false;
}
protected override void LoadViewState(object savedState)
{
base.LoadViewState(savedState);
this.GridView1.Visible = ViewState["Show"] == null ? false : Convert.ToBoolean(ViewState["Show"].ToString());
}
protected void ViewList_Click(object sender, EventArgs e)
{
ViewState["Show"] = true;
GridView1.Visible = true;
}
}
}Problem:
both the pages works absolutely fine when i run them individually. But when i start from "index.aspx" page and it generates result page with the help of ajax, the "result.aspx" page doesnt works correctly. Result.aspx have java script functions which are not
working within ajax generated div. Grid is not shown.
↧
↧
Multiple Update panel
Hi,
I have 2 UpdatePanel on my ASP.NET page.
Both are working great, my problem is that as long as the first updatepanel method is not over, my second update panel doesnt fire.
So, that mean that when the user validate his email address, he cannot go to the next step because the 2nd update panel will not be updated until the first one has finihed.
Thank you for your help
//FIRST ONE this is an email validator<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"><Triggers><asp:AsyncPostBackTrigger ControlID="email_apply" EventName="TextChanged" /></Triggers><ContentTemplate><asp:Image ID="img_email" runat="server" /></ContentTemplate></asp:UpdatePanel><asp:TextBox ID="email_apply" runat="server" CssClass="span12" OnTextChanged="email_apply_TextChanged"
AutoPostBack="true"></asp:TextBox>
//Second one
<asp:DropDownList ID="country" runat="server" CssClass="span12" AutoPostBack="True"
OnSelectedIndexChanged="country_SelectedIndexChanged"></asp:DropDownList><asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional"><Triggers><asp:AsyncPostBackTrigger ControlID="country" EventName="SelectedIndexChanged" /></Triggers><ContentTemplate><asp:TextBox ID="address1" runat="server" CssClass="span12" Width="78%"></asp:TextBox></div></ContentTemplate></asp:UpdatePanel>↧
Replacing Telerik Controls
I've been given the task of removing all Telerik controls from our website. I've never willingly used Telerik, so I'm not that familiar with its functionality but it looks like everything can be done pretty easily in Ajax. Anyone out there have any experience with this? Have any resources to share? From what I can tell, I'm looking at designing a modal popup to replace a RadWindow control and creating an upload dialog box witha progress meter.
↧
Recent issue...
I have been using the Controltoolkit for a few years with no problem until recently in a specific project (Other projects work fine???)
When I begin to debug I get the below:
Could not load file or assembly 'AjaxControlToolkit' or one of its dependencies. The process cannot access the file because it is being used by another process. (Exception from HRESULT: 0x80070020)
After exploring the web, I have tried:
Verified dir permissions.
Exiting VS2008
Stopping the Local IIS
Deleting temp ASP.NET files in user/appdata/local dir.
Deleting bin dir files
Upgrading Controltoolkit.
Rebooting my machine seems to make it work for one debug session then no go...
Can anyone provide any help that would not entail reloading VS2008/.NET or Win 7 or Removing the toolkit?
Funny thing is that I have several almost identical projects that work fine???
Thanks in advance
Marshall
↧
Accordion Content Clipped in iframe by Height of Shortest Pane
Hi, I have reviewed all the posts having to do with my problem but have not found a resolution as yet.
The website I have inherited has a seven-pane Accordion control that is loaded into an iframe element. The iframe element sets the height of the accordion control dynamically with some JavaScript code that was obtained from the DynamicDrive website: IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com). Everything works fine with the Accordion control and its panes until a button is clicked somewhere (inside or outside of the Accordion) that causes a server post-back. Then the height of the Accordion is clipped to whatever the height of the last pane expanded is. Ithink it's the iframe element that is getting its scrollheight measurement from the height of whichever Accordion pane was last used and which is much shorter than the top Accordion pane (the default expanded pane on first load). The iframe then sets the height limit for the whole Accordion control based on that, so that the content is clipped for all the panes, based on the height of the shorter panes.
The Accordion control's property settings are as follows:
AutoSize = none (don't like scrollbars in the content panes)
RequireOpenedPane = false
SuppressHeaderPostbacks = true
I was wondering if a possible solution might be to add some code to the iframe JavaScript method that will check for a minimum scrollheight before setting the height of the iframe, so that the iframe height will beat least x pixels in height; maybe in the resizeIframe( ) function? I'm not too strong in JavaScript so any help here would be appreciated. Also, if there is a better solution, I am agreeable to that as well. Setting a manual minimum height is not the best of all solutions, becuase most records viewed would probably be shorter than that and so the user would have to scroll down to see the other 6 collapsed panes.
Edit: On further reflection, I think what I need most is to set the minimum height of the iframe to the total height of the Accordion with the first pane expanded , because that pane's content will always be the longest. So how do I persist
that value and pass it from the ASPX page where the Accordion sits to the Default.ASPX page where the iframe sits, and also to the MasterPage where the iframe's height is set in JavaScript?
End Edit
Here is the JavaScript that sets the height of the iframe element:
/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids = ["ctl00_ContentPlaceHolder1_MainFrame"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
var ExtraHeight = 30
function resizeCaller()
{
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++)
{
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid) {
var currentfr = document.getElementById(frameid)
if (currentfr) {
currentfr.style.display = "block";
if (currentfr.Document && currentfr.Document.body.scrollHeight) { //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
} else if (currentfr.contentDocument && currentfr.contentDocument.body.scrollHeight) { //ns6+ / opera syntax
currentfr.height = currentfr.contentDocument.body.scrollHeight + FFextraHeight;
} else if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) { //standards compliant syntax - probably nothing
// will drop through to this
currentfr.height = currentfr.contentDocument.body.offsetHeight + FFextraHeight;
}
if (currentfr.addEventListener) {
currentfr.addEventListener("load", readjustIframe, false);
} else if (currentfr.attachEvent) {
currentfr.detachEvent("onload", readjustIframe); // Bug fix line
currentfr.attachEvent("onload", readjustIframe);
}
}
}
function readjustIframe(loadevt)
{
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url)
{
if (document.getElementById)
document.getElementById(iframeid).src=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload = resizeCaller
/***********************************************
* end Iframe SSI script II
/***********************************************/
thank you,
Sherry
IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
↧
↧
Why the buttons in the panel that is linked to the calendar wont reset.
Hi all, I am now facing a problem with a calendar. For example, i have 9 buttons in the panel showing the different timeslots. I want to book the 1000-1100 slot on the 31st of may. When i click on the 31st of may on my calendar and click on the 1000-1100(button), it will book the slot for me. However, when i want to book another date, for example. on the 1st of june. The panel still shows that the 1000-1100(button) is disabled. I think right now the panel with the buttons is linked to the whole calendar instead of the individual dates. How do i solve this problem?
↧
WMP on modalpopup does not stop on IE
Hi i am currently having troubles with my embedded Windows Media Player in my modalpopup control.
When i close my modal pop up on IE, the video carries on playing.
On the other hand, i tried in chrome, it stops when i close the modalpop up control.
I have seen many suggestions about the WMPlib but i couldn't find WMPlib control as i am using ASPNETVideo.Net3.dll and not WMPLib.dll/
Any help on this?
Many Thanks
↧
DropshadowExtender Opacity
I just downloaded version 4.1.7.429 of the Ajax toolkit and included into VS2010 Professional. When I use the DropShadowExtender, I get a strange result. If I set the Opacity to .5, or .25, or .75, the shadow is a lighter color and not the same color as the background. Any other setting of Opacity (as far as I've tested) is always the same as 1.0 which is basically black. set to .25 is a light gray shadow, .75 is a darker gray color, and .50 is a blue color. I've reinstalled the toolkit, used the ToolkitScriptManager and nothing changes. It also appears to have rounded edges even though Rounded is set to False. It is more noticable when width is larger.
Jim
↧
ajax calender extender
hi all,
i have used an ajax calender extender in my project,but i am facing problem that is in my database it is saving 12.00 A.M by default without entering dynamically ...i dont know the code details of ajax calender..plz help me in solving this,my data type for date is date only....still it is saving time with it..help me to solve the issue.. :)
↧
↧
ConfirmButtonExtender with ModalPopupExtender with Animations Problem
Hello,
I have a page with a Button which is tied to a ConfirmButtonExtender which is in turn tied to a ModalPopupExtender that has animations. I am unable to get the following code to work properly:
<asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><asp:Button ID="cmdDelete" runat="server" Text="Delete" CssClass="cmdButton" CausesValidation="False"/><asp:ConfirmButtonExtender ID="cmdDelete_ConfirmButtonExtender" runat="server"
TargetControlID="cmdDelete"
DisplayModalPopupID="cmdDelete_mpe"></asp:ConfirmButtonExtender><asp:ModalPopupExtender ID="cmdDelete_mpe" runat="server" Drag="true"
PopupControlID="panelDeleteFull" OkControlID="ButtonOkDelete" CancelControlID="ButtonCancelDelete"
PopupDragHandleControlID="panelDeleteDrag" TargetControlID="cmdDelete"
BackgroundCssClass="GrayedOut"><Animations><OnShown><FadeIn Duration="0.4" Fps="75" /></OnShown><OnHiding><FadeOut Duration="0.4" Fps="75" /></OnHiding></Animations></asp:ModalPopupExtender><asp:Panel ID="panelDeleteFull" runat="server"><asp:Panel ID="panelDeleteDrag" runat="server" CssClass="modalDeleteHandle"><div style="float:left">Warning ...</div></asp:Panel><div class="modalDeleteContent"><br />
This action will permanently delete the current record.<br /><br /><div style="text-align:right;" id="panelbuttons"><asp:Button ID="ButtonOkDelete" runat="server" Text="OK" CssClass="panelButton"/> <asp:Button ID="ButtonCancelDelete" runat="server" Text="Cancel" CssClass="panelButton" /></div></div></asp:Panel></ContentTemplate></asp:UpdatePanel>I get the following error whenever I click the "Ok" button (ButtonOkDelete):
Microsoft JScript runtime error: '_onHiding.get_animation()' is null or not an object (Note: I've tried numerous versions of the toolkit and it doesn't work)
The only way I can get it to work is to remove the UpdatePanel, but I'd really like to be able to keep the UpdatePanel.
Any ideas on how to fix this?
Thank you in advance!
↧
is post back with friendly url
Dears ,
kindly i have a problem when i tried to use url mapping with paramter like news/55/newstitle and use if(!isPostBack) in page load
i detect that page is loaded twice
please i need help for this issue
↧
help me explain
Disadvantages
- The back and refresh button are rendered useless
With AJAX, as all functions are loaded on a dynamic page without the page being reloaded or more importantly a URL being changed (except for a hash symbol maybe), clicking the back or refresh button would take you to an entirely different web page or to the beginning of what your dynamic web page was processing. This is the main drawback behind AJAX but fortunately with good programming skills this issue can be fixed.
what is this sentances mean ?
↧
Routes Vs Toolkit Scripts Links
SEO routes is incompatible with Ajax Control Toolkit Links:
Example routes:
routes.MapPageRoute("PaginaSimples","{Pagina}", "~/Paginas.aspx");
routes.MapPageRoute("PaginaComSecao", "{Secao}/{Pagina}", "~/Paginas.aspx");
routes.MapPageRoute("PaginaCom2Secao", "{Secao}/{Secao2}/{Pagina}", "~/Paginas.aspx");
routes.MapPageRoute("PaginaCom3Secao", "{Secao}/{Secao2}/{Secao3}/{Pagina}", "~/Paginas.aspx");
routes.MapPageRoute("PaginaCom4Secao", "{Secao}/{Secao2}/{Secao3}/{Secao4}/{Pagina}", "~/Paginas.aspx");
Examples HTML Links:
<script src="/WebResource.axd?d=HKwSMhXOorO3WJkxv3M00DYjfZShhDKt_hcHay4TYMR5BgkRxmvozITmRro_DDcum7yEc6V3uGELP0UmxsDouKButYa_BfgynpxXqOEQifc1&t=634773918900000000" type="text/javascript"></script><script src="/ScriptResource.axd?d=ulpDLUx0GoB8IOefdsiBN1RZbZgW_PSyVZqNGUacW7wd15xQi3q7cBs9vfk81OThsmB2YmV1EFwJmz2b5sqxk7nwx4DtjHnhv03J8eLa7XuY7hAcFEZyM3S_FwqEs2UV-qPg62T0jAbY_ohkKkfgZw2&t=7f16157c" type="text/javascript"></script><script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('A estrutura do cliente do ASP.NET Ajax falhou ao ser carregada.');
//]]></script><script src="/ScriptResource.axd?d=JhRoMgJCtwvc0GqHYCP7yOxm_9eYH9p7xdyk5bg16pNdD78h8p17VQ1XeFKtV-9pDy0GjCZF9fP9FokhyHqUfJ3IAvJMS1UvCeGGDrt4eNiXcpRmsuIg2nYZu9jq7SvHiza80CeMiogONn-U0ClqVQ2&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=72he9ZH76N_W7veoaSZkzxUFOYgYSvxXN6reJq66hTlpIfcfbWp4qFt25QxBd54afIvJUE-kPrX1i_2X1Tca3hLQe9ofHoZC-sTcZUYF8hxGtqzAHyawhsh_K-hGG32XGlmvjsPD15ljVJwyZ9zIgA2&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=Qn1PfMUPozHfDU4KvpL05hWX_rgVnzDY6HG9IYehdTCWsmIfE6DmdpNkRBCMc8Jy3rkbxxrunLx8N4FLqgRq6L46vKH_PcKfm_ywp1q8HrXllUjxjLqkxcH6pu1R0JYqJv5Ao1MmGcatjCUPhLPZUQ2&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=k2m6x6t_X8UAOGXt8EEFSGUuyxcV6K6b0Q8kO21Mm5XWIGt60qcSvh86pa5ufitXtMFo4YVfp0-7wED4yDXtxlFet5esvldtZuyJQ1I2gyq5JywJZ3AzeMg7FLMNhZG-hhX61xfMpeg5xKqZ-bPrAQ2&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=0_Yf8g0YSc3qTQ-TifFYMcoIaCLkImil7BgFluJdZkapy1ebMba4L372t5FoUKewSSh77WqZyVOOXkW46SFc8Mo7JoTZT53Axjle0qIrLMRJUcycphCYqh-LWA279wqXAcLNWxVc_bPs_iZM1l2zDQ2&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=2QUK_y5QiB5ujavOidCOEcnVRlk3VR4PiyJibNadxHS1rcSptReL8xCOZ5qGIPAZjO3ZovO-EmxDgnkbI5KLuzCAiIP-rTJTO6fDJaV4Svq5uNoCSQBnwzehYX51rrSP9719emtxduNYJaiasgVBvn9UTKaUMsfxVfRqPqRIJ-Q1&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=ljVY3qTQHhPNlE19LGvqkToBUyctloa7bBrjKs5t6dGfbpW4ueZln1cyMLKI9xDVkBt7pJhC1YXXzkJDo_8mXxn-_4U2U8Hk4pyXF0lRv49yMBiwE1h2f8pDQEJCsTXnw02jtSWT1WRdquQYdxzYZEDOD1fxpJrrNjn4GpxjYxw1&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=aes7jMb67RYMMtdEj9zjSZ21p0QlRiCgQvWInRtGHaNpiSgcqGqQhQRBJGJS_WpXlf9bwlloI8G5aiLuXPFAZDDCrfHjbjnxHPY_QoqJ-8yIg2PJE-mDDPGcdnwMcGO7EBPh8dlEBq6VdvZbqcSrvRq78xADw4x38QtnE9SVuNk1&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=NMjQeOb6iCKrTdeXB9E9_wpfr95aYd3KbS3paRIAnlyXu6PUROAN0L6kbEHcD52tNp7Ts9Fj51fT0RzDyCUntBUZxzznYvqfCmMpD1eQ8y1k8sqezkrGfvIU08Jon0ibVbZS9yIufTurbr0R651KbQ2&t=7f16157c" type="text/javascript"></script><script src="/ScriptResource.axd?d=3ABe8uALFeR7FLrkOCzk_hw1RWbEtASretCsoStkW9Rgk5Vq1dcsEHvQpkFy63NEQSKDr38VpWb9OhlFsH3kJUmdaBpsJad31gqAxqIZuETiu3uDqGeOegDKmxtJg0TMVRDsjI9Dd4e2KAa0YgW7Gw2&t=7f16157c" type="text/javascript"></script><div class="aspNetHidden">↧
↧
Positioning AJAX ModalPopupExtender in the center of the screen problem
( Sorry for similar thread that I've already opened before, but I was totaly wrong with problem identification )
I have problem with positioning ModalPopupExtender in the center of the screen when it's PopupDragHandleControlID property is set (without this property it works fine ).
ModalPopupExtender is not positioned in the center of the screen. I thinks what causes the problem is the page's CSS layout cause when i disable it, popup positioned in the center of the screen (I don't understand why page's css affects ModalPopupExtender only
when it's PopupDragHandleControlID property is set )
The page:
<!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 runat="server"><title>Untitled Page</title><link href="layout.css" rel="stylesheet" type="text/css" /></head><body><form id="form1" runat="server"><div><div id="header"></div><div id="container"><div id="center" class="column"><div id="centercolcontent" class="centercolcontent"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server" ><ContentTemplate><asp:Button ID="btnShowPopup" runat="server" Text="Open" /><asp:Panel ID="pnlUploader" runat="server" CssClass="pnlUploader" style="display: none;"><cc1:ModalPopupExtender ID="mdlPopup1" runat="server" TargetControlID="btnShowPopup"
PopupControlID="pnlUploader" CancelControlID="btnCancel"
BackgroundCssClass="modalBackground"
PopupDragHandleControlID="pnlUploader" RepositionMode="RepositionOnWindowResize" /><div id="pnlDragMe" class="pnlDragMe">
Image Uploader</div><div class="upload" id="upload"><div id="status" class="info">
Please select a file to upload</div><div class="commands"><asp:Button ID="btnUpload" runat="server" Text="Upload"
OnClientClick="javascript:onUploadClick()" /><asp:Button ID="btnCancel" runat="server" Text="Cancel" /></div></div></asp:Panel></ContentTemplate></asp:UpdatePanel></div></div></div><div id="left" class="column"></div><div id="right" class="column"></div><div id="footer"></div></div></form></body></html>
The CSS:
body
{
min-width: 630px;
}
#container
{
padding-left: 200px;
padding-right: 150px;
}
#container .column
{
position: relative;
float: left;
}
#center
{
padding: 0px 0px;
width: 100%;
}
#left
{
width: 200px;
padding: 0 0px 0 0;
right: 200px;
margin-left: -100%;
}
#right
{
width: 130px;
padding: 0 10px;
margin-right: -100%;
}
#footer
{
clear: both;
}
* html #left
{
left: 150px; /* RC fullwidth */
}
/*** Equal-height Columns ***/
#container
{
overflow: hidden;
}
#container .column
{
padding-bottom: 1001em; /* X + padding-bottom */
margin-bottom: -1000em; /* X */
}
* html body
{
overflow: hidden;
}
* html #footer-wrapper
{
float: left;
position: relative;
width: 100%;
padding-bottom: 10010px;
margin-bottom: -10000px;
background: #FFF; /*** Same as body background ***/
}
body
{
margin: 0;
padding: 0;
}
#header, #footer
{
font-size: large;
text-align: center;
padding: 0.3em 0;
}
#left
{
/*background: #66F;*/
}
#center
{
background: #DDD;
}
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
↧
Synchronous Partial Postbacks from single click?
Hello,
This question may or may not be ridiculous, I am brand new to ASP.NET (my time has largely been spent developing algorithmically complex console applications). This question may ultimatey not even belong here either, but my understanding is that partial postbacks are AJAX.
At any rate, what I'm trying to do seems like it should be simple enough, yet I appear to be missing something key.
The goal I have is to, when a user supplies a name in a textbox field and then clicks the submit button, have a method in the code-behind run and update the web page as it processes. What I have found, however, is that it will not update the webpage until processing completes. Even when I call the updatePanel.Update() method during the processing, it will not update anything until the entire method is complete, and then returns all the results.
What I want to update is exceedingly simple. It is a two column, three row asp:table. In column 1 sits an image, and column 2 the corresponding text. When the processing starts row 1 should become visible, showing the "processing" image and corresponding text. When the processing for that row completes it should then either show the corresponding passed or failed image and text. If it fails, I exit out of the method. If it succeeds, row 2 should then become visible with the corresponding "processing" image and text. When the processing for that row completes it should then either show the corresponding passed or failed image and text. If it fails, I exit out of the method. And so on and so forth. Technically speaking this is only for 3 rows, but in reality even if it was 300 rows the behavior should not change.
What am I missing to make the synchronous page updates work? Right now if I click the button, I see nothing until the entire method in the code behind completes, and then suddenly the results for all 3 rows are visible... I want to update as it progresses, not at the end.
↧
TabContainer Issues
Hi all,
I am having problems with my tabcontainer due to unfamiliarity with tabs CSS.
I have a tabcontainer with 2 tabpanels but the tab panels buttons become mixed with the tab content.
I tried adjusting the height of the tabpanel but it doesn't really solved my problem.
Example : http://tinypic.com/r/a13ic2/5 (Picture of gridview by the right side)
And i also have a doubt on this when i researched
Tabs Css classes
- .ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
- .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
- .ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
- .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
- .ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
- .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
- .ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
I don't really know what the description is explaining about for all except the last point.
↧