I have a list of buttons with an update panel underneath. When you click one of the buttons the update panel will refresh with different content. I have this working fine but I want to make it look nice with some jQuery animation so when you click the button the update panel refreshes and the content slides down.
Any javascript that I attach to the buttons seems to fire before the update panel is refreshed.
I have been searching the net and found no clean cut answer to my problem. I have an animated spinning gif, that is displayed within an 'UpdateProgress'. This gif is to be displayed when the page is posting back to the server and processing.
The animation will start to spin but basically stright away it stops. I have noticed that the file menu within IE is also frozen at this point, up untill the page fully refreshes. I have tested in firefox and safari and am recieving the same problems.
developing in visual studio 2010, framework 4.0, IE 7,8.
I managed to see pictures in a Gridview (I am kind of new to Asp.net) and, with some javascript, I see a pre-formated picture before the pics are retreived from database. I tried to put an animated GIF instead of a static one but the animated GIFF doesn't animate.
View 6 RepliesI've got a CollapsiblePanelExtender in place on a panel in test and it works like a champ. (I get excited about the simplest things). When I click the panel header it expands and collapses with smooth animation, as expected and desired.
But when I change its state via code behind, it seems I am merely changing its state and somehow bypassing the javascript that controls the smooth animation.
My markup is out of the box. I have added code behind and some javascript, but I am missing the connection. Here is the javascript:
function pageLoad(sender, args)
{
smoothAnimation();[code]....
And here is the code behind:
protected void btnExpand_Click(object sender, EventArgs e)
{
this.CollapsiblePanelExtender1.Collapsed = false;[code]....
I use updatepanel and updateprogress in my project. Whenever I add updatepanel to a page, then I should add updateprogress too. Now I want to make a custom control that include both updatepanel and updateprogress. If there are any controls like this, give me its link. On other hands How to make a custom control likte that?
View 1 RepliesI have a page with a listview that shows something like posts. On each post there should be a "rate box" which works similar to the "Like" button in facebook. The rate box is a User Control, that has an update panel inside it.
If I put the control with some random values in the page it works great - but when I put it inside the ListView, where it should be located, it won't work. The method is being called, but nothing happens.
I simplified the code a bit to make it easier to understand:
[Code]....
While debugging I noticed the controls in the method "OnRateClick" are empty and don't contain the right values.
I am trying to add validation on my form. I am using AJAX controls in my form fields.
When I remove the Update panel and AJAX control, my validation starts working, but when keeping both the things together, my validation is not working. How could I make them work together?
<script type="text/javascript">
function Validate() {
var QuestionTextArea = document.getElementById("ctl00_ctl00_cphBody_midbox_fvInsert_txtQuestion");
varError = "";
if (!IsTextBoxEmpty(QuestionTextArea, "
Question Text Area not be Empty.")) {
alert(varError);
document.getElementById("ctl00_ctl00_cphBody_midbox_fvInsert_txtQuestion").focus();
return false;
} return true;
}
</script>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtQuestion" runat="server" MaxLength="1000" Columns="50" Rows="5" Style="width: 380px;
float: none" Text='<%# Bind("Description") %>' TextMode="MultiLine" />
<AjaxControl:TextBoxWatermarkExtender runat="server" TargetControlID="txtQuestion"
WatermarkCssClass="water" WatermarkText="Type your Question Here.">
</AjaxControl:TextBoxWatermarkExtender>
</ContentTemplate>
</asp:UpdatePanel>
When I removes ajax extender and Update Panel. My textbox gets validated and when using UpdatePanel. No javascript function created by me is called.
I have a problem and i have been stuck on it for a while now: I have a ListBox generated dinamically on the page at the first init of the page. That part of the page will never make a postback again while being used.
Say i have 10 UpdatePanels in the same page and there will be a maximum of 10 ListItems in my ListBox. How can i make every ListItem in the ListBox be a trigger for my existing UpdatePanels , so that when i doubleclick one ListItem , the apropiate UpdatePanel will be updated ? Or if you have any other close solutions.
I have a Gridview which is inside a Updatepanel which is updated through a Timer Control every 5 seconds.
So every 5 seconds I get new data in the rows. I am facing an issue in which I want to display the whole mult-line content of my Textbox(es).It displays fine but the modal window disappears after the UpdatePanel is updated.
How do I display this pop-up modal window and make it stay while the UpdatePanel continues to update the rows in the background?
Here is part of my code:
[Code]....
i have a DropDownList, which is inside an UpdatePanel. Now my problem is that, for example, lets say there are 3 item, Item1, Item2, Item3.
Now Item1 is the default, and i have code in codebehind that gets the value of the selected DropDownList, so for example, my code:
string connectionString = ConfigurationManager.ConnectionStrings["PokemonPlanetConnectionStrings"].ConnectionString;
string insertSql = "UPDATE Items SET ItemSelect = @ItemSelect";
using (SqlConnection myConnection = new SqlConnection(connectionString))
{
myConnection.Open();
SqlCommand HubInsert = new SqlCommand(insertSql, myConnection);
HubInsert.Parameters.AddWithValue("@ItemSelect", DropDown1.SelectedValue.ToString());
HubInsert.ExecuteNonQuery();
myConnection.Close();
}
Now the problem is that, once it is in an update panel, when you change the list to another item, so for example, i changed the list to "Item2", it will still be showing the first value of "Item1", i could have used Autopostback to get what i need, but then i wouldnt see the point in using update panel, since i dont want my page to flick.
Is there a way, or code to write that whenever the value of the DropDownList is changed, and i click my button, it will actually get the currently selected value, and not the virst default value,
I'm using the technique described on this link to make all TextBoxes on the site highlighted when focused. Basically, in the Page_Load event of the MasterPage I set the onFocus and onBlur attributes for every TextBox found on the current page:
[Code]....
Everything worked fine until I decided to add the UpdatePanel on one page which is used for frequent data entry. Now, when the page loads initially everything is ok, but after the first asynchronus postback is made, controls inside the UpdatePanel seem to loose their onBlur and onFocus efects (controls outside the UpdatePanel are still working fine). I'm not in the best "relations" with AJAX and javascript :)
Buttons inside UpdatePanels are automatically registered as triggers for that UpdatePanel. Is there a way to make the UpdatePanel ignore one of it's inside buttons? That is, to make it so that clicking this button does NOT trigger any sort of postback?
View 2 Repliesi had a gridview, inside that i had a download imagebutton, on clicking this button i need to download the file.
and this gridview is inside update panel. i think trigger to be used but i used both postbacktrigger and asynchronus postback trigger. but it is not triggering the button instead it is giving error.
I have a form where the submit function takes several minutes. I'd like to display an animated gif while the submit is cranking. The code below shows the gif, but it doesn't move. What can I do to get it going?
<script type="text/javascript">
$(function() {
$("#submit").click(function() {
$("#wait").show();
[code]...
I'm using ASP.NET for a search app web site.My search retrieves exactly one result per fetch. Once the search is complete and the user selects "Update", a new result is fetched and the old result is written to the ViewState as a generic List. The new result replaces the old one.I am trying to get the page to update (via partial post-back), so that the old result drops down the screen and the new result sits on top of it. Much like the concept of a stack.
View 2 RepliesI wonder how the animated banners work. For example, I have a short animation for 5 seconds that fits a banner like on this site.How will I put that to a clickable control... what control is used to "play" this videoanimation in a loop ?
View 4 RepliesI'd like to display an animated gif after user presses a submit button which causes postback. I'm following Joe Stagner's tutorial
here. The page worked fine. But now that I've added the update panel around the button and then an update progress with a gif in it, the app doesn't run.
Now, when the button is pressed, the animated gif appears and runs for about three seconds or so (due to the artificial latency added as per the tutorial - System.Threading.Thread.Sleep(3000) ) and then it stops, nothing returns from the server.
What am I doing wrong and what am I not understanding with this Ajax process and the server?
(by the way I'm using the toolscript manager that came with the Ajax control toolkit, don't know if that matters)
[Code]....
I can't find the answer anywhere, and the particulars are driving me crazy. I've been tasked with updating an older application, using only javascript for client UI stuff. Reports used to be generated using PDF templates and manually looping through datasets and basically doing a form fill, then displaying the report. This has crashed the server many, many times. I've since updated the app to use a report server, to help bring that report generation load offline. Every works fine, except that the animated GIF will not stop after the report returns. I use :
<span id="hiddenImg" style="display: none">
<img src="" id="animate" align="middle" alt="Loading"/>
</span>
Along with the following javascript:
function showDiv()
{
document.getElementById('hiddenImg').style.display ="";
setTimeout('document.images["animate"].src="images/loading.gif"',100);
}
Which works beautifully. On the server side, I have something like this:
Response.AddHeader("Content-Type", "application/" + format);
Response.AddHeader("Content-Disposition", "attachment;filename=" + "report." + format);
data = report.GetBytes(reportpath, rbFormat.SelectedValue);
Response.BinaryWrite(data);
Response.End();
Where data is the byte stream return by the report server. The only thing that is not working is that the animated GIF will continue to play even after the report is delivered and the user clicks on the open/save/cancel dialog. I suspected it was the Response.End(); call, but even eliminating the line and letting the server to continue to run does not alleviate this problem. It seems that the page is NOT performing any postback after the report data is received, and the .html source is obviously showing the GIF. If I manually postback, I lose the open/save/cancel dialog, and the user has no opportunity to display the content.
I have a problem with an amimated gif inside an UpdateProgress which is linked to an UpdatePanel. Basically the gif displays for a few seconds then justs stops and then a few seconds later the page displays. Reading some other posts it and putting in some debug info I can guess it is because the postback is returning a lot of markup, so it seems the postback has stopped and the gif freezes while the markup is being sent/being rendered. Is there anyway to keep the gif 'running' while all this markup is doing its thing?
View 3 RepliesI have the following code at the bottom of my master page:-
Code:
<div id="overlay">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Disable.gif" style="width: 100%; height:100%; opacity:0.6;filter:alpha(opacity=60)"/>
<div id="IconImage">
<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/loader.gif"/>
</div>
</div>
And here is my CSS:-
Code:
#overlay {
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width:100%;
[Code] ....
Here is my javascript:-
Code:
function overlay() {
el = document.getElementById("overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
And finally here is my code to trigger the overlay function which is called when I build my data:-
Code:
<asp:ImageButton ID="ImageButton1" runat="server" style="Height:50px; Width: 50px;" ImageUrl="~/Images/Printer.png" ToolTip="Print Report" OnClientClick="overlay()"/>
Everything works fine except my animated gif does not animate. If I load the gif in IE is animates.
I have the following code so it'll show an animated progress GIF but if the site takes longer than this, it will quit. Is there a more effective way?
[Code]....
I have an ASP.NET page that takes a long time to load due to the loading of multiple user controls. Is there a way where I can show a loading animation using jQuery while the page is loading?
View 4 RepliesI have 2 grid view Parent & child on parent gridview I have expand button inside item template. I want by click on parent expand button child gridview get open with animation. How to do this? I am using asp.net c sharp.
View 1 RepliesI am using imagemagick DLL [URL] for the resize image, But when I re-sized animated GIF image then it going screw.
I using below code for re-size image ( image type are png, gif, jpg, bmp, tif ...)
ImageMagickObject.MagickImage imgLarge = new ImageMagickObject.MagickImage();
object[] o = new object[] { strOrig, "-resize", size, "-gravity", "center", "-colorspace", "RGB", "-extent", "1024x768", strDestNw };
imgLarge.Convert(ref o);
I know how to do paging of datalist
But my problem is that i want to do a paging with some animated effect such as sliding a datalist content while paging or any other effect but there has to be some animation.