We have a web page that has two problems:
(1) it loads too slowly for our taste; and
(2) it does not display properly on the Apple iPad.
Please take a look at [url removed, login to view]
Because all of the menu data from a database must be loaded before the menu is displayed, the page needs to wait until the menu finishes generating before the user can interact with the page. This menu also has the problem that it does not display properly on the Apple iPad.
We would like the menu to load faster; perhaps by loading the leaf nodes (which are the most numerous) only on demand.
The following product does that: http://deluxe-menu.com. Besides loading faster, this product also displays correctly on the iPad, so it would solve the 2 problems mentioned above.
You can see it a quick demo at [url removed, login to view]
Here, you could open the Regional/Global Sites menu and go all the way to the leaf nodes to see how it works.
For example, open the "Los Angeles (A-E)" node and notice how a list of location companies show up as the leaf nodes.
The notable thing here is that the leaf nodes are not loaded by this menu until you open the "Los Angeles (A-E)" node.
The same thing happens with all the other leaf nodes.
To see the code that generates this demo menu, please look at the [url removed, login to view] file included in the attached [url removed, login to view] file.
Please notice, in the next to last line of code. the definition of var menuItems, which tells the product what the menu options are.
Essentially, your job is to read the database and generate and write the value for var menuItems.
Actually, you will need to write the whole contents of the [url removed, login to view] file but the only thing that might change is the value of var menuItems.
You will also need to write the contents of the leaf nodes into separate files. See the file "[url removed, login to view]" (also in the attached ZIP file) to see how the file with the end nodes needs to be written.
The principles of how this works with the above mentioned menu product are somewhat explained here:
[url removed, login to view]
However, the above example seems to be outdated and misleading. I would suggest you download and look at the menu builder here:
[url removed, login to view]
Next, please note that the page at [url removed, login to view] also has 2 buttons labeled "Previous Site" and "Next Site" that must either still continue working as they are or instead you would provide an equal or better alternative if the need arises for you to replace the workings of said buttons.
Lastly, we do not have to use the above menu product if you can propose a credible alternative to the existing menu that would load fast and display correctly on the iPad. At this moment we would be looking to speed-up and modernize the interface on this page so any credible solution that you propose will be considered. However, please note that initial cost and speed of implementation would be given first consideration.
Thank you for bidding on this project.