"Loading" Image Is Downloaded For Each Click
Jul 3, 2010
I was trying to create an enable/disable button that works with AJAX. So, when a user clicks the image link, it is automatically replaced with a validating.gif image. That image is shown until the $.post() request is completed. But...the image isn't cached...it's re-downloaded every time for each link.
The image src is loaded as:
validating.gif?id=1
validating.gif?id=2
validating.gif?id=3
etc.
instead of just:
validating.gif
I did this is because whenever a new img src was changed to "validating.gif", any existing img src's that were set to "validating.gif" would reload/restart the animation when the change occurred. Is there a way to fix this so that the animation remains uninterrupted and that the validating.gif image isn't re-downloaded for each link?
View 2 Replies
ADVERTISEMENT
Oct 17, 2011
I'm just starting to learn jQuery actually.. I downloaded the starterkit, unpacked it and also downloaded the latest jQuery file from this website.. all referenced to with the right path in the file but for some reason it doesn't work! I also tried the link to the jQuery file on Google but still the same problem.. I know the path is right because when I view source and click on the link, the right file opens.
If I click the 'Run Code' button on the homepage here it does what it's supposed to do, just on my own computer nothing works?
View 3 Replies
View Related
May 12, 2011
I have a small function that replaces an image with that of a clicked thumbnail (and updates some text). Is it possible to display a loader whilst the new image is being downloaded?code...
View 4 Replies
View Related
Nov 25, 2009
I have a tree am working it dynamically on server side.
i want on click an image like loading to appear.
View 5 Replies
View Related
Jul 27, 2009
I have this loading.gif image that is 750px, when it should be 32px. The reason it's huge now is because my original solution was displaying two images: one 750px version of the loading.gif image and one 32px version (in the center of the 750px) of the same image. Now I'm at least down to one image, even if it's the wrong version.Click any of the thumbnail images here, and then again on the thumbnail at the top of that popup product gallery to see what I mean: need that huge loading.gif to be 32px like it should be, and then expand to 750px once the image is loaded. I've tried a bunch of solutions, but nothing has solved the problem.This is the code I have at the moment, although I'm working on the issue now so it may change.
$('#inline .thumbGrid img').click(function(){
var strLargeImg = document.getElementById('OBOEsac');
$('.galleryPopup').attr('src','/site/scripts/colorbox/images/loading.gif');
[code]....
View 1 Replies
View Related
Oct 13, 2009
I have created a party-events website. Which displays a lot of dates of events. As you might understand this page takes some time to load. Therefor I want some of loading image to be displayed while the page is loading. Anybody has an idea how to pull this of? I don't know how.
In detail: People come to my website. They click on "events" and a loading.gif pops up and and makes the background darker. After the page has completely loaded the loading image disappears and the website shows.
View 3 Replies
View Related
Nov 17, 2010
In one of my web page I want to show an image preloader. ie When I clicked on the small thumbnail in my web page then the main large image will load. My code looks something like this
$("#images li").click(function(){
var image=this.href;
$("#mainImage").attr('src',image);
});
I want to show the Loading sign until the main image loads completely.
View 1 Replies
View Related
Jan 14, 2011
How to display loading gif image until the big image have loaded? Now I have the html and js but it doesn't work. Anyone have some idea or solution ?
[Code]...
View 1 Replies
View Related
Mar 23, 2009
I am working on implementing a carousel-style switcher (using a pre-built script dependent on the MooTools library) on the home page of one of my Web sites. The script displays a series of thumbnail images. When the user clicks on one of those thumbnails, an AJAX request returns the following items, which are then switched out using javascript:A background image (usually between 50 and 100 kilobytes)A foreground image (usually between 10 and 20 kilobytes)A header for the promotional item (strictly text)The body text of the promotional item (text and HTML code, generally no more than 200 characters of text)I have all of that working properly.
When the user clicks on the thumbnail, the AJAX function executes. Then, I use javascript to invoke a new Image() object to load the background image. Once that's completed, I invoke another Image() object to load the foreground image. Once both requests are fully loaded, I switch out the information. While they are working, I display an animated gif that indicates the information is loading. However, if at all possible, I would like to implement a progress indicator rather than just a simple animated gif. Because of the size of the background images, it can sometimes take between 10 and 15 seconds to load on a dial-up connection (even longer if the user's connection is especially slow or overloaded).
That's a long time to sit and stare at a "loading" image, especially if there's no way to indicate whether it's going to actually do anything or if it's just completely stalled. I am already sending the filesize of the background image and the foreground image to my javascript using the AJAX request, so if I need to use that somewhere in my script, I can easily do that. However, I've hit a roadblock in trying to figure out if there's a way to determine how much the user has actually downloaded successfully. From most of my research, it does not seem possible (due to security issues) to determine any sort of file size on the user's local computer using javascript.
However, the majority of the information I've found on the subject seems to relate to the opposite type of situation (users uploading files rather than downloading). The few examples I've been able to find for "download indicators" seem to simply count the total number of images being loaded, then divide 100 by that count. Then, for each image that loads, it adds that percentage to the indicator. Since I will always be loading two images, that means that my download indicator would always display 0%, 50% or 100%, which isn't much more helpful than the animated "loading" gif I'm already using. Is there any way to use javascript to determine how much (percentage-wise or in bytes) of a file a user has downloaded from the server into their cache?
View 4 Replies
View Related
Sep 15, 2011
I don't know if anyone here has downloaded the dev edition of windows 8 yet (it was released last night 5:00p, est)I am trying to get jquery to work, but it just wont... I tried simple stuff, but I was hoping someone here knew how.
View 2 Replies
View Related
Jun 17, 2009
How to detect if the file has downloaded completely?
View 6 Replies
View Related
Nov 13, 2009
been trying to maintain a memorial website that we had created when my sister passed away. It was hosted somewhere but the person who made it couldn't maintain it anymore, so I downloaded all of the pages and rebuilt it on my linux server. Heres the site:If you poke around on there you will see some pages that have text that says click here for more pictures, like on the growing up page, and the baby pictures page.Thats my problem, the links dont work. The pages were created with Freeway, and alot of javascript in there that I dont understand. I have all of the pictures in the directory , no clue why they wont load?ll post the javascript that I think is the problem:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Baby Pictures</title>
[code]....
View 7 Replies
View Related
May 10, 2004
is there a way to check if a picture has downloaded completely?
What I (read: my boss) want to do is open the index-page with a picture, and after it's downloaded, reload the website to index2.php after say 4 seconds.
Is it enough to do an OnLoad in the body tag, or doesn't that include the downloading of the items/pictures on the page?
View 4 Replies
View Related
Mar 8, 2005
Does anyone know of a handy way to disable a user from downloading javascript when they save a page?
Here is my problem. I have javascript that disables right clicks on a page. However the user could just "save" the page to there desktop and remove the function that disables right clicks.
Anyone know of a good work around? I've heard of other complex ways, but I was looking for a simple solution.
View 4 Replies
View Related
Dec 16, 2011
Should I disable the right click option or not? I have a gallery site, I don't want people to be able to copy the images with the default right click over an image. From a professional looking site point of view I suppose I would be messing with the functionality a bit too much, OR is it OK in this instance to disable the click. I know how to write the code to disable the click, but what I was thinking was maybe it would be better to leave the right click but change the menu options? I'm not sure how to change the menu options ere is a link to the site. [URL]
View 12 Replies
View Related
Jun 8, 2011
I have an ajax.php page that handles requests for other pages. I am using .load() function to request the content. my problem is, when I click for the first time on the link to retrieve content, it will not loaded until the secont click. This is my code, it use fancybox to display it.
$('.edit_res_form').click(function(){
var id=$(this).next().val();
$('#edit-res-hidden').load('ajax.php?do=load&form=edit_res_form&res_id='+id,function(){
[Code]....
View 2 Replies
View Related
Jun 21, 2009
i need to remove all lines containing text from each line in downloaded.txt from the file download.txt.So I have a function Remcon.I need Remstr = to every line of downloaded.txt , and text ill fix my self.
function remcon()
{
var text = document.form_rli.input_output.value;
[code]....
View 1 Replies
View Related
Aug 29, 2010
Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).
However, instead of appearing on the page where the old image was, the new image appears in a blank page.
My research indicates that this blank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.
I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.
A bit of my research:
-I found this---but havent figured out how to implement it in my scenario:
Source: [url]
-I found this---but havent figured out how to implement it in my scenario:
Code:
Source: [url]
View 4 Replies
View Related
Apr 22, 2011
It would be nice to be able to sort plugins by the number of times voted on. I know you can see how many times it has been voted on after you go to the detail page but it would be helpful to get that info as a sort field on the "Most Popular Plugins" page because then you could tell wether a 5 star has been voted on once or a 1000 times. I personally would rather get a 3 1/2 starred plugin voted on 1000 times then a 5 star voted on once by the developer. Don't get me wrong I would vote 5 stars on my plugin too.
View 4 Replies
View Related
Nov 27, 2009
I need to track the number of times a link is clicked/file downloaded & capture this info in the database.
View 3 Replies
View Related
Oct 27, 2010
I'm trying to create an accordion (jquery ui) that shows information about its items when clicked. The information for these items is grabbed from 4 locations:- one to get the item's basic structure info one to populate an 'interoperability' info box where the 'service' and 'about' properties match a box like the 'interoperability' box, but for 'similarity' info a file with user-created 'annotation' information about sub-items that could be shown.
[Code]...
View 1 Replies
View Related
Aug 29, 2010
Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).
However, instead of appearing on the page where the old image was, the new image appears in a blank page.
My research indicates that thisblank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.
I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.
A bit of my research:
I found this---but havent figured out how to implement it in my scenario:
I found this---but havent figured out how to implement it in my scenario:
Code:
Source: [url]
View 1 Replies
View Related
Mar 12, 2011
I've been trying to have an image be placed during a mouse over or mouse click event. The closest to accomplishing this is having the image be replaced by the image I want to overlay.
View 2 Replies
View Related
Sep 7, 2009
I need a script to zoom a image.when i click on the image it should maximize in new customized window and the main window should be disabled.
View 2 Replies
View Related
May 11, 2010
Using a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:
1. Image appears on the parent page in a specified ID.
2. A "hidden" field is updated so that when the user submits the db is updated with their selection.
3. Dialog closes automatically.
That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...
View 6 Replies
View Related
Feb 27, 2010
I am still designing the website and want some flexibility. I am capturing the mouse clicks fine on top of an image, but the coordinates are absolute and not relative to the image. How can I capture mouse clicks relative to the image so that I can move the image anywhere in my website?
View 3 Replies
View Related