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 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 want to show a waiting image/progress bar on page load event. In page load event, some code is being processed for displaying a report which takes 1/2 minutes to display on the aspx page, meanwhile the aspx is being empty and nothing is displyed, this is not so userfriendly. So, I want to show an image indicating page is being processed. I tried searching in google and found some code samples but couldnt achieve my target. How to implement this. Requirement is nothing but: Display an image/progress bar until the report is processed.
View 1 RepliesMy page takes too much time to load.So I want to display loading image during page load.
View 2 Repliesi want until webpage is not complete on my page show some download picture like some picture that show when we download something .
View 1 RepliesWhen I click Submit button in my Registration form it should be open a (div) progress bar Showing processing.... (or) loading and block background.how to display a progress bar loading.... in div after Submit button click??
View 1 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'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'm doing a postback to generate a chart. When the user clicks the button it is using jQuery to add some html to the page to show an animated gif and an overlay.
This works fine in IE and FF but in Chrome the image doesn't load. Anybody know what's going on here?
While looking into the problem I noticed that if I run this code in the JavaScript console it works, and it will work as expected after running it in the console (displays image on postback).
Here is the code I'm using to add the html:
$("body")
.append("<div class='ui-widget-overlay working'></div>")
.append("<div class='ProcessMessage working'><img alt='Loading' src='images/indicator_big.gif' /><br /><br />Loading...</div>");
I have a script for infinie paging data where one of the items i return is an image, not text. Right now I am returning as text. return as the html or asp image? The line I need to fix and can use the logic for other is ==$(".msgpic", table).html(customer.find("MsgPicture").text()); == See code...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
var pageIndex = 1;
var pageCount;
[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 use .NET C# , I dynamically create folder to store the image I upload, ex:
strFolder = Server.MapPath("./folder/folder_"+folid+"/")
So I could create different folders according to the page unique id. I have also created a thumbnail image from the image I have upload (cropped ones).
The problem I am trying to figure out is to display these images as a slide show from these dynamically created folder (display thumbnail in the page and clicking the thumbnail need to see the full size image just like slideshow).
I was trying to see examples in jQuery but its just client side. So is there any way to load these images and display as a slide show from the directory. Should I deal with DirectoryInfo in C#? Expecting a simple one.
i want to load image into image control emmidiatly when i am uploading it by using fileupload control that means when i am uploading a file i display on the page immediately on page in image control.
View 1 RepliesI want to use same functionality in Ajax:Accordion. Looking for the code for this as well as instead of label in user control i want to bind the grid view.
View 1 Repliesi have encountered a problem on how to load the database images to be display in the Image content in the web pages. I am currently using an Access database with a table "Images" and there are 4 columns in it. "ImageID", "ImageDescription","ImageofPicture","Description". Below is my code: Words highlighted in bold is where the problem occurs. No image is display in the Image box but theres a red cross at the top left. Image description is displaying fine in the textboxes
int MaxRows = 0;
int inc = 0;
int inc1 = 1;
int inc2 = 2;
int inc3 = 3;
System.Data.OleDb.OleDbConnection cs;
System.Data.OleDb.OleDbDataAdapter dta;
DataSet ds1;
byte[] photo_array;
protected void Page_Load(object sender, EventArgs e)
{
cs = new System.Data.OleDb.OleDbConnection();
//tell the program where the database is located
cs.ConnectionString = "Provider=Microsoft.Jet.OleDb.4.0;Data Source=C:\Users\Admin\Desktop\Website1\App_Data\Database.mdb";
ds1 = new DataSet();
string sql = "SELECT * From Images ORDER BY ImageDescription ASC";
dta = new System.Data.OleDb.OleDbDataAdapter(sql, cs);
cs.Open();
dta.Fill(ds1, "Images");
Navigation();
//MaxRows equals to the total amount of records from the database
MaxRows = ds1.Tables["Images"].Rows.Count;
}
private void Navigation()
{
//get the first records from the database
DataRow dtaRow = ds1.Tables["Images"].Rows[inc];
//get column values in the row
TextBox3.Text = dtaRow.ItemArray.GetValue(1).ToString();
TextBox7.Text = dtaRow.ItemArray.GetValue(3).ToString();
DataRow dtaRow1 = ds1.Tables["Images"].Rows[inc1];
TextBox4.Text = dtaRow1.ItemArray.GetValue(1).ToString();
TextBox2.Text = dtaRow1.ItemArray.GetValue(3).ToString();
DataRow dtaRow2 = ds1.Tables["Images"].Rows[inc2];
TextBox5.Text = dtaRow2.ItemArray.GetValue(1).ToString();
TextBox8.Text = dtaRow2.ItemArray.GetValue(3).ToString();
DataRow dtaRow3 = ds1.Tables["Images"].Rows[inc3];
TextBox6.Text = dtaRow3.ItemArray.GetValue(1).ToString();
TextBox9.Text = dtaRow3.ItemArray.GetValue(3).ToString();
//if 3rd column value is not null
if (ds1.Tables[0].Rows[inc][2] != System.DBNull.Value)
{
Image5.ImageUrl = "ImageHandler.ashx?ImageDescription=" + TextBox3.Text;
}
if (ds1.Tables[0].Rows[inc1][2] != System.DBNull.Value)
{
Image5.ImageUrl = "ImageHandler.ashx?ImageDescription=" + TextBox4.Text;
}
if (ds1.Tables[0].Rows[inc2][2] != System.DBNull.Value)
{
Image5.ImageUrl = "ImageHandler.ashx?ImageDescription=" + TextBox5.Text;
}
if (ds1.Tables[0].Rows[inc3][2] != System.DBNull.Value)
{
Image5.ImageUrl = "ImageHandler.ashx?ImageDescription=" + TextBox6.Text;
}
}
}
Code for ImageHandler.ashx:
using System;
using System.Web;
using System.Data.OleDb;
public class ImageHandler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
string qry = "SELECT ImageofPicture FROM Images WHERE ImageDescription = ?";
string connect = "Provider=Microsoft.Jet.OleDb.4.0;Data Source=C:\Users\Admin\Desktop\Website1\App_Data\Database.mdb";
using (OleDbConnection conn = new OleDbConnection(connect))
{
if (context.Request.QueryString["id"] != null)
{
OleDbCommand cmd = new OleDbCommand(qry, conn);
cmd.Parameters.AddWithValue("", context.Request.QueryString["id"]);
conn.Open();
using (OleDbDataReader rdr = cmd.ExecuteReader())
{
if (rdr.HasRows)
{
rdr.Read();
context.Response.ContentType = "image/jpeg";
context.Response.BinaryWrite((byte[])rdr["ImageofPicture"]);
}
}
}
}
}
public bool IsReusable {
get {
return false;
}
I've been trying to use the jQuery plugin Colorbox to display images I have in my DB through an ashx file. Unfortunately it just spits a bunch of gibberish at the top of the page and no image. Can this be done? Here is what I have so far:
$(document).ready
(
function ()
{
$("a[rel='cbImg']").colorbox();
}
);
...
<a rel="cbImg" href="HuntImage.ashx?id=15">Click to see image</a>
UPDATE:
My ashx file is writing the binary out:
context.Response.ContentType = "image/bmp";
context.Response.BinaryWrite(ba);
I 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 am using this jquery file for image annotations on the image element:
<img id="toAnnotate" src="Images/686.jpg" alt="Trafalgar Square" width="698" height="398" />
And set this src element at page load but after invoking the jquery function on "toannotate" control the full image is not displayed in the 698 by 398 size only some portion of the image is displayed there...why so..?
[Code]....
I want to know, how to pop up a Jquery Div Pop in asp.net page load. I will get some input parameter thru query string. If that input parameter matches in DataBase then I need to load a page with out Pop Up. If that input parameter doesn't match in DataBase, then I need to load DIV POP UP. And on Ok button click in POP UP, I want to hide POP UP and show normal page.
View 1 RepliesAll my app are master-content design. Questions: Where to load jquery? In master page or content page?There is no head tag in content page, if loading jquery in content page, how to load it?
View 2 RepliesThe following jQuery code lets me hide and open a panel and set focus on a textbox depending on the setting of a RadioButtonList. There are few problems I have with it (discussed below code).
[Code]....
Problems:
(1) Focus doesn't set on txtSpouse when clicked value is 0.
(2) When I put the function in a .js file, neither of the textboxes (txtSpouse and txtMaiden) receive focus.
(3) I need to unhide pnlMaiden when the page is loaded and rblGender value is 1.
I want to perform some operation after the page load, This operation takes some time. I want to show a progress image while the operation is being performed. But the problem is if i call the function in page_load event, my page hangs till the operation is not over. Is there any way i can achieve this?
View 1 RepliesCan I load an image into the master page based upon which content page in loaded? For example, site theme "animals", 3 content pages (bird.aspx, cat.aspx, and dog.aspx), when any one of these pages are loaded, I want an image to be loaded and displayed based on that page's name. Is the loading accomplised in the master page ot content pages' on load event?I am working in C#
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 a page which consolidates different sections by different .aspx pages. Those pages will be loaded into corresponding div(s) dynamically by using jQuery.load(). They all are rendered properly, however, when clicking on any asp:button in any section page, the entire main page will be replaced by the section page even the asp:button is just popping up a message box.
View 2 Replies