Search jQuery

jQuery Forum

Screen name:
d.s.2012

d.s.2012's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Adding data & layout to queue to load dynamically
[2Replies]
- 22-Aug-2012 10:23 AM
- Forum: Using jQuery
Hi. I am new to web development and jQuery and would greatly appreciate your help.
I have a website that displays live information for clients, which is the code below, however I would like to add the layout and data/information to a queue (or anything similar) to load it dynamically (so that the data loads in order rather than randomly or all at once) because at the moment it loads it all in one go, and the data then gets displayed whichever finishes loading first.

Code:
2. function initPage() {
3. var IfrRef = document.getElementById('parentId');
4. var tWidth = (cellWidth==0)?findXValue:(cellWidth * numOfCols);
5. IfrRef.style.width = tWidth;
6. var tHeight = (cellHeight==0)?(findYValue-45):(cellHeight * numOfRows);
7. IfrRef.style.height = tHeight;
8. if(cellWidth == 0 && (tHeight > (findYValue-45))) { //vert scrollbar appearing, so reduce the width to accomodate it
9. IfrRef.style.width = tWidth - 10;
10. }
11. if(cellHeight == 0 && (tWidth > findXValue)) { //hori scrollbar appearing, so reduce the height to accomodate it
12. IfrRef.style.height = tHeight - 10;
13. }
15. var parentLayoutPattern, innerLayoutPattern;
16. switch(numOfRows){
17. case 1: parentLayoutPattern = "1C"; break;
18. case 2: parentLayoutPattern = "2E"; break;
19. case 3: parentLayoutPattern = "3E"; break;
20. case 4: parentLayoutPattern = "4E"; break;
21. case 5: parentLayoutPattern = "5E"; break;
22. }
23. switch(numOfCols){
24. case 1: innerLayoutPattern = "1C"; break;
25. case 2: innerLayoutPattern = "2U"; break;
26. case 3: innerLayoutPattern = "3W"; break;
27. case 4: innerLayoutPattern = "4W"; break;
28. case 5: innerLayoutPattern = "5W"; break;
29. }
30. if(!parentLayoutPattern || !innerLayoutPattern){
31. alert("Please define rows and columns between 1 and 5");
32. return false;
33. }
35. dhxLayout = new dhtmlXLayoutObject(document.getElementById("parentId"), parentLayoutPattern, dhtmlSkin);
36. dhxLayout.progressOn();
37. setLayoutDefaults(numOfRows, dhxLayout, false, false, 0);
38. var parentCell = "a"; //I believe this displays the layout until line 47
39. for(var j=0; j<numOfRows; j++){
40. dhxLayoutArr[j] = dhxLayout.cells(parentCell).attachLayout(innerLayoutPattern,dhtmlSkin)
41. setLayoutDefaults(numOfCols,dhxLayoutArr[j], true, true, j)
42. switch(parentCell){
43. case "a": parentCell = "b"; break;
44. case "b": parentCell = "c"; break;
45. case "c": parentCell = "d"; break;
46. case "d": parentCell = "e"; break;
47. }
48. }
50. dhxLayout.progressOff();
51. layoutIndexArr.clear();
52. layoutIndexCell.clear();
53. for(j=0; j<numOfRows; j++){ //I believe these lines display the data in the layout
54. loadChartsForRow(numOfCols,dhxLayoutArr[j], j) //as stated above
55. }
56. }
I have tried various methods but had no luck.
Thank you for all your help, it is greatly appreciated.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend