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 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 have a button on my home page ..OnClick I'm getting data from the database and biding it to my GridView,
I want to "SlideDown" the GridView on ButtonClick.. this is my code
$(document).ready(function() {
$("#ShowAllRecordsBtn").click(function() {
$("#GridView1").slideDown(100);
[code]...
I want to animating the image as show slide after slide by Slideshowextender , how I can make that
View 2 RepliesI 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 a form with multiple submit buttons:
using(Ajax.BeginForm("Submit", "myController", new AjaxOptions { HttpMethod = "Post" }))
{ %>
<button type="submit" name="submitType" value="submit_a">a</button>
<button type="submit" name="submitType" value="submit_b">b</button>
<% } %>
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 RepliesIn ASP.NET when we have multiple input section with required field validator (Like on header for login with userid & Password is required and second on footer for subscription) when we click on subscription login section's userid required field validator activates and say userid required & i can not submit subscription.
when i submit subscription details login section should not have concern with this. how to avoid this conflicts.
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 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.
I 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 RepliesIn C#/Asp.net I have 2 submit button i.e.
btnOk and btn_Submit
Initially I am doing validating form by clicking on btnOK and in btn_Submit I am inserting record into table. I again want to call btn_Ok event in btn_Submit click event for re-checking validation, if it validates properly thne rest of code of btn_submit should work.
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.
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 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'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]....