title: print Associative array elements one by one using javascript only
body: <p>I have this code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var slideStart = 1;
  var slideCount = 4;
  function callArr() {
      var arrName = {"rose":"5", "daisy":"4",
                     "orchid":"3", "sunFlower":"10",
                     "Lily":"15"};
      for (var flwr in arrName) {
          if (slideStart &lt;= slideCount) {
              document.getElementById('test').innerHTML += flwr +
                                                           "   &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;   " +
                                                           arrName[flwr] +
                                                           "&lt;br /&gt;";
              slideStart++;
              break;
          }
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to access array elements individually on any event. can any please help me out on this????</p>