Multiple Randomizer sections on a page?

[mjoconnor]

I want to put more than one instance of the Randomizer element onto a page.

http://wdn.unl.edu/wdn/templates_3.0/ex ... mizer.html

I tried putting two on but it doesn't display items from each element consistently; it looks like they're combining. Sometimes items in the first set double up, and sometimes there is no element showing in one set. I also tried using the Javascript once per element and then just using it once for both, but neither seemed to work.

How can this be done? thanks

[CanadianSuperSpy]

I dont think it will work as it is currently with multiple instances.
Could change the template code to something like this maybe?

Code: Select all

WDN.randomizer = function () {
   return {
      initialize: function () {
         WDN.log('randomizer JS loaded');
         $('.wdn_randomizer').each(function () {
            var $t = $(this).children();
            $t.eq(Math.floor(Math.random() * $t.size())).siblings().remove();
         });
         return true;
      }
   };
} ();


In the mean time you can still follow the example on the examples page.
simply change this:

Code: Select all

<script type="text/javascript">
WDN.initializePlugin('randomizer');
</script>


To:

Code: Select all

<script type="text/javascript">
   //<![CDATA[
   WDN.jQuery(document).ready(function($) {
      $('.wdn_randomizer').each(function () {
         var $t = $(this).children();
         $t.eq(Math.floor(Math.random() * $t.size())).siblings().remove();
      });
   });
   //]]>
</script>