How can I make the script load after the page finishes loading? I tried creating a function at the end of the HTML and calling the function in the sidebar, but I think because the function was being called before the script was executed, it didn't work.
This is a weird one. I am new to jQuery so have been following a tute online. My script works, its just takes ages to load - up to a minute! Things were working fine before when the script was on the same page as the HTML but when I put it on its own file it just slows right down. All these files are just operating straight from my local.All I am doing is changing the color of a list (ul) with jQuery on an external .js file.This is the only code on that .js file (called script.js)
I have an ajax based page, which loads content from external page (html +js) So if i have a div "update_div" being updated with external content (html+js)
Let me be more specifig
Step1: Ajax content along with js loaded into update_div from a.html
Step2: Ajax content along with js loaded into update_div from b.html
What happens to the js loaded from a.html? Is it lurking in the memory or automatically/magically removed from the browser memory? I am afraid of memory leaks, if the js is still lurking in memory, the more ajax calls made, the more js is going to be held up in memory. Unless am totally wrong; i have no idea of the mechanism happening.
I have a single webpage that contains information on all 50 U.S. states. There are 50 links at the top to jump down to the state you want, and at the bottom of the information for each state a Back to Top link.
I'm making the Back to Top link into something more complex, and it will require three or four lines of code.
So that I don't have to repeat the code 50 times, and create a burden when I need to edit it, I want to place it in a .js file and call it x. Then below the information for each state I'll simply have:
Does calling code from a .js file 50 times slow down the page load? Which method would load faster?
I have a table that is a production schedule of orders. Each order has 1 row with the main information and then 2 or 3 other rows with additional information. There could be 350+ rows. The pages loads fine by itself. I also have a function to expand/collapse individual rows when you click on them which works good. However, I wanted all the rows to be collapsed by default when the page loads. I added this code...
It works, but it is very slow. It could take 30+ seconds to run. Is there a faster way to use slideToggle on hundreds of rows at once? Or is there a better way to have them "closed" by default? ~bruno71
I am working on a demo for a movie site, and 90% of everything seems cool.[url]...
I am doing php.flushes, .htaccess caching and using PNGs to help with performance. I might start using another sub site to grab all the scripting from to increase performance, but it seems a tad bit slow at the moment.
- There are a few issues one being when you click on X-Men and look at the gallery the images seem to flicker sometimes going from image to image.[code]...
where it says image i am adding an image, that colum is controlled by the header so i added a div in there for the image.
what is happening is that since the image is small and the slideshow is large, when the page loads the single image pops up for a second where the slide show is, then it moves down on the page where it should be. I know this is caused by the fact that the image loads faster than the slideshow so we see the image first in that space.
what i am trying to do is pause the single image load until the slideshow loads, but i dont know how?
I cant move the image down and load it in the body because that left side column is controlled by the header slideshow it has to be part of it when it loads.
has to be a way to make the slide show load on the page and then the image.
My goal is to load the JS for a specific element before displaying that element. I integrated a third part script, and it works well. I set the timer here:
About mid-body I have: <span id="countdown1">2010-07-20 00:00:00 GMT+00:00</span> which allows for the setting of a target date to countdown to.
When the page first loads it shows the above long format target time, until the js/meta tags kick in to modify it to just show the actual countdown as 00:00:00.
I have attached countdownpro.js to this post. I tried shifting the function CD_Init() to the top of the script, and also appended it inline with the .html. I tried setting the big external script to "defer", but neither arrangement worked. I also tried placing the src file right at the top.
I have a page that contains 15 tabs. When each tab is pressed, it calls a function that uses .load() to load that tab. In my initial testing, all seems to go smoothly (loading in less than a second). However, once you click about 10 tabs, the pages start to load slower, and by click 13, it takes more than 30 seconds to load.If you refresh the page this process starts over and the outcome is the same (by click 12-13 it is unusable). Below is the code. FYI the reload_timer was an attempt to reload the page if the query was taking more than 10 seconds It didn't work. I left it in for feedback in case I don't find a suitable solution to the actual issue.
Is there any way to ignore these external widgets and load the page (initially) without them and then just let them turn up in their own sweet time? Could I wrap them in a div (with a class) and somehow except that from the .load event? or am I going to have to resort to iframes?
Hi I'm trying to load a part of a page (that has script in it) into another page using jquery. However, though the html loads in correctly, none of the script is working. I'm using code from [URL]..ie. the pages all work without java (static pages) and when java is enabled, instead of going to bio.html you get taken to ..#bio.html.
However if I've got any script I would like to be loaded .. ie. lightbox gallery or even a simple jav split and put back together email address hider. I'm not very clued up about jquery at the moment unfortunately and though I've been trying to read and learn, alot is going over my head..Not sure how best it is to show you the page as it's not live yet. Maybe if it helps I can upload a zip of the site. It's a simple 6 page musician site.Though my code is exactly like the css-tricks page, just that I have a lightbox on one page (which loads fine if there's no hash in the address - but when hash is there, it shows thumbnails, and when you click one, it just takes you to the larger .jpg destination page (no lightboxness etc).)
I've a small external .JS library that allows a non code-savvy user to occasionally update a list of values that are read as a JS array and used to populate the <option>s of a <select> in the calling page's form.
Anyway, is there a way by which I can ensure, regardless of the user's browser settings, that the JS library is not used from cache but re-read each time, to ensure the up to date list is used?
If not, I might as well put the JS array code back in the calling page, especially as the split is for ease of use by the page's owner, albeit with increased change of editing errors. A database solution, etc., is inappropriate here.
I'm what you could call a total newcomer to jQuery. I've got a page with a jQuery DatePicker in which I wan't to block out some specific dates that are fetched from an MS-SQL database (I'm using ASP.NET). I've gotten so far as to understand that in order to accomplish this, I should create a .aspx page that returns only the blocked dates as a string. It's done, however, I really don't understand how I am to load the string into the jQuery script.. :P
I need to target a certain div and all its links and on click of any of those links load a tracking page in an iframe. Right now, if this function can just load the same file into that iframe, that will be great. In the future, if I could loop through all the links and get their name attribute (which will have the specific link to an individual tracking file), and load that into the iframe, this would be the most desirable.
I have found a solution for showing an element on page load (it should be hidden if JS is blocked), but the CSS and the JS go into the <head>. I prefer to keep all such code in external files, so how do I adapt it to support that approach? Found code is as follows (if it can be improved on, feel free to say so):
I read that $(document).ready(function() might slow me down but I do not see that statement in any of my .js files.