AJAX :: How To Display Animated Image While The Next Page Loads
Sep 15, 2010I 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 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 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 have a dropdown list that is populated by certain information. However, though, I would like the dropdown to be empty whenever the page loads.
View 4 RepliesI 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 am maintaining a website that has .Aspx web pages with no code behind C# files. This has been a challenge for me, because I need to do the following:
1.) When the page first loads, display a Java Script popup message box.
So how can I do this if I don not have a code behind C# file where I can check for isPostback in the on page load method? Can the on page load method be placed inline in the .aspx code? Anyway I need to figure out how to answer my question 1 above.
I use asp file upload control to upload an image on my web application.
on its change event like this--
<asp:Image ID="Image1" runat="server" Width="77px" /> </td><td style="width: 350px; height: 8px"> <asp:FileUpload ID="FileUpload1" runat="server" onchange="if (confirm('Upload ' + this.value + '?')) this.form.submit();"/>
i dont want to refresh page while uploading an image.
i have two ajax cascadedropdown combos loaded by a web service. When mi page loads, it do it before the data filled the first of the cascade combos so when page load (on the Page_load event) i try to select a value on the first combo but it is still empty. What can i do to force the load of the combos before page load? I have try combo.cascadropdwonextender.databind() on the page_load with no sucess.
View 3 RepliesI want to improve the performance of my web application. Whenever the page loads, it is taking 70-80% of CPU usage.
I'm using ajax timer controls to update the user controls on my page. Also I placed user controls in the update panels of my page.
How to avoid high CPU usage ?
I'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 have seen this discussed in number of topics, but so far nothing to address my specific issue. I want to display the page the client, and then trigger an updatepanel refresh that will populate with data that takes 3-4 seconds to load (the rest of the page loads very fast). At the same time I want to display "...Loading..." text using UpdateProgress control.
Everything is working below in the sample code. However, UpdateProgress will not display unless the button is actually clicked by the user. In real production scenario I would hide the button. To invoke the immediate UpdatePanel refresh I trigger the click via Javascript. I have also tried "__DoPostBack" without success.
<code>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestUpdate.aspx.cs" Inherits="TestUpdate" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [code]...
I am making a menu to display departments and sub departments. Each department has a corresponding pop-up menu to display the sub departments. The menu is built dynamically with values from the database. I'm using nested repeaters and the AJAX HoverMenuExtender. The problem is that when the page loads or is refreshed all of the sub departments are visible for a second or so underneath their respective subdepartments. In other words, for just a second the page is rendered as if the HoverMenuExtender was not there.
[Code]....
I have two grids "grid1" and "grid2" and two updatePanels "up1" and "up2". Both the panels have UpdateMode = "Conditional" grid1 is nested in up1 and grid2 is nested in up2 [Code]....
In Code behind : [Code]....
I am using UpdatePanels, but still data will be fetched whenever page loads. How can I handle so the dat will be fetched on ony for the grid which is being updated
I have 2-3 update panel in my page and i don't want to load chart every time when my page loads or button clicks etc. I put that in update panel with triggers means only some clicks should loads chart. but that chart gets loaded everytime. how to stop that from loading
View 2 RepliesCannot find an explanation of the AJAX CalendarExtender's attribute animated.
What does this do exactly?
I want to upload image through fileupload toolbox and display it in image control.
The image control should get the path from fileupload and should display the image.
I have done it with following code attached
HTML Markup-
<asp:FileUpload ID="FileUpload1" runat="server"
style="top: 256px; left: 533px; position: absolute; height: 23px; width: 217px" ForeColor="White" />
<asp:Button ID="btnset" runat="server" Font-Bold="False" Font-Names="Times New Roman" Font-Size="Medium" style="top: 309px; left: 605px; position: absolute; height: 26px; width: 81px" Text="Set Photo " />
<asp:Image ID="Image2" runat="server" style="top: 66px; left: 568px; position: absolute; height: 152px; width: 136px" BorderColor="#CCCCFF" BorderStyle="Ridge" />
VB Code-
Protected Sub btnset_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnset.Click
Image2.ImageUrl = FileUpload1.FileName
End Sub
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 need to develop image gallery
Image saved in Folder called Images and image Name , Description saved in Database Table Images.
On Deafault.aspx
Thubnail images should display with out any change in Quality i.e by DataList Control
On Click of Thubnail images Fullview of image with width and height same as image width and height
Next, Previous, Close Buttons on Popup window
I have update panel on the page to avoid postback and placed a dropdownlist control within that update panel. DrodownList is filled with Category names and also it's autopostback set to True.
Now whenever dropdownlist index change's on select, untill page loads complete data it should show mesage as "Loading.... in center and middle of the page and background should become bit transparent". And when page load completely with data then that background and message should get disappear.
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 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 used modal popup in vs 2010 that is working fine. When user click on button modal popup comes up immediately , I want it comes in transition from top to middle so it looks good.
View 1 RepliesI'm trying to create a simple portfolio page. I have a list of thumbs and an image. When you click on a thumb, the image will change.
When a thumbnail is clicked, I'd like to have the image fade out, wait until the image is loaded, then fade back in. The problem I have right now is that some of the images are pretty big, so it fades out, then fades back in immediately, sometimes while the image is still loading.
I'd like to avoid using setTimeout, since sometimes an image will load faster or slower than the time I set.
Here's my code:
$(function() {
$('img#image').attr("src", $('ul#thumbs li:first img').attr("src"));
$('ul#thumbs li img').click(function() {
$('img#image').fadeOut(700);
[Code].....
I am using a 5 file upload controls on my page within a Create User Wizard.
In a modal pop up extender, I have a animated ajax gif with a message
"loading"
When I submit the button (see code below )to send the form, the modal pop up shows up,but the image is not animated. If I put the button below in an update panel it works with animation. But if I add a twigger for the button as the file upload controls needs a postbackthe image is static again. Is there anywhere I can display an animated image in the modal pop up and still keep my existing code.?
ID="StepNextButton"
runat="server" [code]......
what I wanted to implement is something like this: lick meThis demo is PHP based, so I wanted to ask whether this is also possible to implement in ASP.Talking about performance, would it be better to use the jQuery framework than the Ajax Control Toolkit?
View 2 Replies