Multiple JSON Sources and Timing in the Drupal Setting

Multiple JSON Sources and Timing in the Drupal Setting

Hi,

I've been really enjoying implementing this easy accordion script lately in my Drupal themes, due to its ease of use and modification. Typically, I use a Drupal Datasource view, which pulls content from the database and converts it into nicely clean JSON. However, I've run into some issues this time due to having multiple JSON sources. I can't seem to initiate accordion after all three sources have loaded. As a easyAccordion() gets called several times, jacking everything up. It's important for me to stick with Drupal 6 on this one, which means JQuery 1.2.6 (I also can't use the JQuery update module on this client).  Any suggestions as to making sure all three sources have loaded before I call easyAccordion()? Thanks.

Here is a JSON sample:

  1. {"nodes":[{
  2.   "node":{
  3.     "title":"Board Room & Lounge",
  4.     "image":"http:\/sites\/default\/files\/imagecache\/390x\/OMF_boardrm_1.JPG"}
  5.   }
  6. ]}

Here is my JS that implements the plugin:

  1. var OmfEasyAccordion = OmfEasyAccordion || {};
  2. Drupal.behaviors.OmfEasyAccordion = function(context) {
  3.  
  4.   if ($('body').attr('class').search('page-new-accordion-page') <= 0) {
  5.     return;
  6.   }
  7.   /**
  8.    * set some pararameters for operation including a map of sources.
  9.    * sources map: list of titled resources, each will be converted into a slide. Each should have a primary source json object.
  10.    * If an alternate is provided the it will fill the closed blade state. Otherwise just the title or number is used.
  11.    */
  12.   OmfEasyAccordion.params = {
  13.     'animate' : false,
  14.     'numberedBlades' : false,
  15.     'target' : '#node-8903 #target',
  16.     'sources' : {
  17.       'services' : {
  18.         'primary' : '/services/json',
  19.         'alternate' : ''
  20.        },
  21.       'education' : {
  22.         'primary' : '/education/json',
  23.         'alternate' : ''
  24.         },
  25.       'tools' : {
  26.         'primary' : '/tools/json',
  27.         'alternate' : ''
  28.       }
  29.     },
  30.   }
  31.  
  32.   OmfEasyAccordion.build(data = null);
  33.   var count = 1;
  34.   var totalLength = $.param(OmfEasyAccordion.params.sources).split('=').length-1;
  35.  
  36.   $.each(OmfEasyAccordion.params.sources,
  37.     function (i, val) {
  38.       count ++;
  39.       $.getJSON(val.primary,
  40.         function(data, result) {
  41.         dt = '<dt>' + i + '</dt>';
  42.         OmfEasyAccordion.build(dt);
  43.         dd = '<dd>';
  44.           $.each(data.nodes,
  45.             function(z,item) {
  46.               $.each(item.node,
  47.                 function(t, field) {
  48.                   if (OmfEasyAccordion.formatTypes(t, field)) {
  49.                     dd += OmfEasyAccordion.formatTypes(t, field);
  50.                    
  51.                   }
  52.                 }
  53.               );
  54.              
  55.               dd += '</dd>';
  56.              
  57.               OmfEasyAccordion.build(dd);
  58.              
  59.               if (count == $.param(OmfEasyAccordion.params.sources).split('=').length) {
  60.                 alert(count);
  61.                 alert($.param(OmfEasyAccordion.params.sources).split('=').length);
  62.                 $('#easy-accordion').easyAccordion(
  63.                   {
  64.                   slideNum: false,
  65.                   autoStart: true,
  66.                   slideInterval: 3000
  67.                   }
  68.                 );
  69.               }
  70.             }
  71.           );
  72.         }
  73.       );
  74.     }
  75.   );
  76. }
  77. OmfEasyAccordion.formatTypes = function(type, data) {
  78.   switch (type) {
  79.     case 'image':
  80.       return '<img src="' + data + '" />';
  81.     break;
  82.     case 'title':
  83.       return '<h3>' + data + '</h3>';
  84.     break;
  85.     case 'body':
  86.       return '<p>' + data + '</p>';
  87.     break;
  88.   }
  89.  
  90. }
  91. OmfEasyAccordion.build = function(data) {
  92.   if (!data) {
  93.     $(OmfEasyAccordion.params.target).prepend('<dl id="easy-accordion"></dl>');
  94.   } else {
  95.     $('#easy-accordion').append(data);
  96.   }
  97. }