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?
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?
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...
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');
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.
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.
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?
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.
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>
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?
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.
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]
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(){
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;
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:
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.
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.
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:
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.
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...
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?