Pre-load page elements using JS

We have a custom page on our website that using the Jquery Load function to extract dynamic select boxes from another part of the site.

The way that it works is like this:

Select boxes are generated using Jquery Load. They come in pairs. The choices on select box 1 changes what is in select box 2. When the user makes the choice in select box 1, we are using AJAX to pull the available options for select box 2 based on the choice from select box 1.

When the user makes the choice in select box 1, it creates a "loading" animation before the second select box is rendered.

This has to happen for each and every select box on the page, and on some pages there can be several select boxes, which makes the process seem a little chore like.

What we would like to see is when the page is loaded, all of the possible choices are loaded with the page so that when the user makes the select box choices, there is no loading animation, and the options are already right there. This will also thwart most AJAX errors that can arise when the user starts too soon making the selections, etc.

I understand that this will create additional overhead on the page load time, and that is a fair trade. We could easily implement an overlay with a loading animation while the ajax calls are being made to render all of the select boxes.

I hope this is clear. Please let me know if I can clarify further.

Evner: Lidt af Hvert, CSS, Javascript, MySQL, PHP

Se mere: loading function in php, using ajax, Trade fair, load time, extract javascript, php page load, jquery dynamic select, jquery website page create, load ajax pages, load page javascript, ajax loading page, jquery elements, javascript overlay page load, jquery overlay load, create load, jquery ajax dynamic, jquery pre, jquery php loading, loading page, animation render, load pages ajax php, javascript dynamic page, ajax load php, javascript page load, custom overlay

Om arbejdsgiveren:
( 38 bedømmelser ) St. Petersburg, United States

Projekt ID: #4039278

Tildelt til:


Hey I can do it in about 8 hours from now! Large experience with jQuery and understanding of requirements guaranteed. Payment on completion!

$100 USD på 1 dag
(19 bedømmelser)

4 freelancere byder i gennemsnit $105 på dette job


Full time freelance web developer with over 8 years of commercial experience.

$120 USD in 3 dage
(103 bedømmelser)

Is it just one page or multiple pages where you want to preload?

$100 USD in 2 dage
(23 bedømmelser)

Hi It is very very simple work. Same thing i have applied in my current project. Please check PM.

$100 USD in 3 dage
(0 bedømmelser)