JQuery :: .load - Faster Method - Two Snippets On One Page, Surrounded By Id's And Then Load Them?
Jul 14, 2010
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 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?
The code is supposed to generate this: PS: This is generated by a PHP Function that the Ajax Load Method Calls.
[Code]...
I've been noticing a lot of problems when loading these stuff, Sometimes I have to remake the HTML Tags because its not showing anything. Is there any option? I want it to load EXACTLY how it is, I don't know if this is some kind of protection for bad code, but if it is I would like to disable. But also, this code is really clean. no problem, I don't know.
I'm having a problem where the serialize method isn't serializing form elements that are added to the DOM after the page load. Specifically, when the user clicks on a button some elements are displayed in a dialog that are generated from my server and returned via AJAX. I'm converting from Prototype and didn't run into this problem.
I'm writing a blog post that uses multiple videos from YouTube and Yahoo Video, but I'm not happy with how long it takes the page to render. Apart from using an ajax-y method to load the videos, are there any tricks that would make the page load quicker with multiple videos from different sources?
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() {
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'm in desperate need of some JS code that will rotate "two" snippets of javascript code 50/50. So basically every time someone visits my site i need it to load either snippet 1 or snippet 2. I tried doing this before with an array but the javascript caused the page to not load because i think both snippets of code where trying to be executed at the same time? Can anyone code me up something that will rotate two snippets of js code without having them both try to load at the same time on the browser.
I'm having an issue with the status bar in Mozilla and Netscape showing that it is still waiting on the page to load even after it is finished. This problem does NOT occur with IE.
In summary, I am using a onLoad event in the BODY tag to communicate back to another server each time a page finishes loading. I do this by using a "new Image()" and setting the .src property to the server. The .src includes a value in the querystring so I know what request it was that finished loading.
The challenge here is that the status bar still shows "Transferring data from www.mysite.com..." despite the image being loaded. It never clears and leaves the user with the impression that there was a problem loading the page. My web server logs at the mysite.com show that the browser does indeed make a request for the image and I get the querystring just fine and it returns a status of 200 so the image is being found and served ok.
I've tried everything I can think of to solve this and really could use your help please. Bottom line is that if you use the "new Image" statment from within the OnLoad event of the Body tag, Netscape and Mozilla never seem to update the status bar to show "Done" despite it succesfully loading the image.
Here is a simply snippet you can use to easily reproduce this issue:
in this example: $(el).load('/data_url', function() { alert('loaded') } );
will the alert be called after the html fragment has been loaded into el and all its elements are available to access or is the callback just after the ajax call has finished ?
I'm trying to use the ajax load() method to load a file from a parent directory, e.g.
$("#divTests").load("../tests.htm");
But that doesn't work. I can load a simple html file from the same directory as my html file or a descendant directory, but not an ancestor directory. Nor can I load from an external server.
I'm doing my testing on my PC and I'm not running a server (apache or otherwise). Just using it as a simple client. Is that possibly the problem? Or is there something else I'm missing? If that is the problem, is there a workaround?
I use $().load() to place an HTML snippet from the server into a dialog box which i then need to position relative to the size of the element which has just had the HTML loaded into it. When the main HTML page DOM is ready, I hide() the dialog box, and then use fadeIn() to show with various click() events. I have managed to position the dialog box in the centre of the screen given that there is no content loaded.
However, it seems that when I load the new content into the dialog box the new dimensions aren't taken into account untill the next time load() is called.
Is there a way to get the new dimensions of the element before the dialog is shown in order to position it centre screen?
Here is my code:
function showDialogBox(sender) { var width = $(document).width(); var height = $(document).height();
I tried load method super as smartupdater orPeriodicalUpdater (Prototype). Now the problem is that I have to build a cycle (loop) and each time I have to change the time (that I take from database) so how method (function) can I use to load external code (example load()) modifying continuosly the timeout?
I would like my page to load (and show a loading.gif in place of the main not-yet-downloaded image) and then download the main image. Uisng jquery, how can i achieve this? Ideally, i'd also like then to be able to switch that main image using links, again showing a loading.gif prior to display.
Here is what I'm trying to do but the problem is "source.html" is not on a server somewhere. I am running everything locally. $('#container').load(source.html #sourceContent) Is there a way to do this exact thing but with a local file?
Basically there are 2 elements on the target page that I would like to load into the calling page, but I would like to do it without making 2 calls to the page if possible.