JQuery :: Slow Page Load Time With SlideToggle On Hundreds Of Rows?
Jan 11, 2011
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 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 some javascript code that does some GET and POST requests that are required. Sometimes it doesn't fully execute for the user because they close or click onto another page before the javascript is completely done. Is there anyway I can let all of the javascript load first and slow down the actual page load of the website.
I have a slow loading external JavaScript that displays a calendar widget. When I put it in my sidebar, while the page loads, it cuts off where the calendar should be until the JavaScript for it finishes.
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.
I've recently been using cluetip on a datable of about 400 rows. Recently I tested this against IE8 and found it very very slow. Doing simply the following:
Basically for each row in my table (400 rows) it would attach the cluetip to it. In IE8 it would freeze the browser for a good minute, if I pushed the compatibility mode button to run in IE7 mode it worked as xpected. In all other browsers it worked perfectly. Is there something different going on with IE8?
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.
I'm helping out a dev at my work who is having a problem.as a function to where it should scollTo (using scrollTo plugin) on page load to the starting "page". I don't think it is a plugin problem though. It only loads correctly about half the time, but if you hit refresh it will work?Can anyone tell me why this is? It's like it doesnt execute it everytime the page loads
Recently I've been using a .slideToggle script to show big images when thumbnails are clicked.
However, the <div> that is revealed does not Toggle Up when multiple thumbs are clicked, so I'm left with a bunch of open <div>s on the page.
I'm not sure what to do -- I think it has something to do with the siblings of the class "largeexamples" but I'm not sure. I've also been reading about eq, but I'm not there yet.
I created an image gallery which displays 63 images in a slideshow. The problem is that the show was slow because each image loaded one at a time during the show. No problem right? I just did a preload script. But then the user has to sit for 5 minutes waiting for 63 images to download! My images are about 640x480 and average 100kb. Is this too much for one page to load? Should I load my slideshow into differerent windows? If so, don't I have the same problem with my loading time?
Is there any way to time how long the page-load javascript on a page takes? I couldn't find any plug-in in firefox that could do this (YSlow shows the overall time it takes for the page to load, but not the javascript specifically), GreaseMonkey or something maybe?
I have a page with a lot of data validation on it (for a form). But the validation is not actually executed until the user hits Submit. The page loads really slow. Is there a way to control how a page loads so that, as I suspect, the validation Javascript loads after the form actually displays? I want the user to see the page/form displayed as quickly as possible while I recognize that the the page load may not be complete because its still loading the validation routines. What I can do to speed it up?
I'm trying to add a slideToggle to a paragraph in a Wordpress blog page. The following code works for triggering an alert, but when I replace the alert with the slideToggle, nothing happens.Here's the alert:
Taken right off a jQuery API page, inserting my own id names .The "#principles" is the id of a span of text just above a paragraph with an id of "p=principles".
I have a site structured with a main html page that loadother pages that have some javascript code. Somejs have to be executed immediatly and some other js I need. I have a code like following
<!-- ********************** THIS SCRIPT SHOULD BE EXECUTED ON FORM SUBMIT --> <script type="text/javascript"> myNewLine=" "; function inviaRichiesta(){var msg="";
I'm wondering if there's a way to have multiple row carousel implemented.
I use jCarouselLite.. [url]
To be more specific, here's what I have:
And this is what I would like to accomplish:
I do realize that placing multiple items withing the <li></li> would be one approach, however I can't do that since the items are generated dynamically. The structure of my data (items) is an unordered list:
Using "float: left" & "clear: left" messes up the whole structure...
Any ideas how to display 9 items at a time on 2 rows?
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 am trying to make a drop-down option for fields but not just for adding one row at a time. I am trying to put in the code for adding four rows at a time, which is what I'm trying to do below. Please advise. You will have to copy and past the HTML code below and open it to see what I'm talking about. Code:
I'm one of the main developers from [URL](which is a gaming website), One of our main games is Free rider 2, Which we have converted to run via a database so people don't have to manually send around track codes so other people can evaluate their tracks. I am trying to build a track previewer in html5/javascript which will eventually replace our current one written in flash (which lags terribly on large tracks)
I am stuck on 1 thing though, With the larger tracks there are up to thousands of lines that are drawn using lineTo() moveTo() etc. And when i move using the arrow keys, It requires the javascript to reload the track, and parse every single line again, Causing the screen to turn white whilst it does so.
Is there a way i can use a similar method to the way it has been done in the flash version, where it is in a movieclip, which then instead of moving each line, it moves the movieclip instead.
Script: <html> <head> <script type="application/javascript"> var offsetx = -133;
I need 2 jquery loads for 2 different plugins here is the problem section: <script type="text/javascript"> google.load("jquery", "1.3"); </script> <script type="text/javascript" src="Js/plupload.full.min.js"></script> <script src="Js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="Js/jquery.dimensions.js" type="text/javascript"></script> I can't seem to load both at the same time, using first for a uploader and 2nd for my sidebar.
Have a light box script I built and it works fine in IE, FF, Opera but in both Google Chrome and Safari the image doesn't load if you try to fire it again. In easier terms, if you click on the image that fires the event and shows the 'super sized' image in the light box it works fine the first time. If you then close the lightbox and click on the image again the lightbox shows up but there is no image. I even added some alerts to see what was happening and in IE, FF & Opera both the alerts fire all the time, in Safari and Chrome they both fire the first time but the second time only the 1st alert fires.
I would like to use jquery to load 3 images after the page has loaded. I would like to request and load one image at a time. I tried this, but the requests and loads are happening simultaneously.
I found out that (after an system update?) IE8 no longer loads the content on my website www.beautifullalaland.com. I guess it has to do with the ridiculous amount of jQuery calls that some of the simple functions requir. using JS for years but never a library (and never again if you ask me, what a bloody mess).
Is there a safe way to combine jquery_002.js, jquery.js, jquery_003.js and jquery-1.3.2.js?
Is it faster/more beneficial to have two snippets of code be generated by php at 2 different urls and then have a load function for each url? Or have the two snippets on one page, surrounded by id's and then load them that way?
I have some JQuery that makes an Ajax call and then adds some rows to an existing table.
function LoadDestinationTable() { $("#destinationTable tr:gt(0)"[code]...
The problem is that the only place where the click event fires is on the rows that were added when the page was 1st rendered – the th, for example.I also tried adding an onclick event handler to the input button’s creation – that also does not fire.
I use jQuery load function to load another page into part ofcurrent page in asp.net. it is work correctly but insecond page i haveone instance ofCKEditor that is not loaded in first page after use load function.
I know the question begs a question. Why? I have no control over the DB or the Forms. Using 3rd Party based web app. I have this: $(document).ready(function() {
