title: Stop propagation through html's "onclick" event and JS
body: <p>This is my html chunk</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="c_menu" id="bat_light"&gt;
          &lt;a href="someLink/file.html#"  onclick="OpenItem('light');return false;"&gt;sometitle&lt;/a&gt;
      &lt;/td&gt;
      &lt;td class="c_menu"  id="bat_econom"&gt;
          &lt;a href="someLink/file.html#" onclick="OpenItem('econom');return false;"&gt;
      sometitle&lt;/a&gt;
      &lt;/td&gt;
      &lt;td class="c_menu"  id="bat_standart"&gt;
          &lt;a href="someLink/file.html#" onclick="OpenItem('standart');return false;"&gt;
      sometitle&lt;/a&gt;
      &lt;/td&gt;
      &lt;td class="c_menu"  id="bat_premium"&gt;
          &lt;a href="someLink/file.html#" onclick="OpenItem('premium');return false;"&gt;
      sometitle&lt;/a&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and this is JavaScript intro at the top</p>
  
  <pre><code>function OpenItem(name){
      var blocks = ['light', 'econom', 'standart', 'premium'];
      for(var i = 0; i &lt; blocks.length; i++){
          if (blocks[i] == name){
              document.getElementById('bat_'+blocks[i]).className="c_menu active";
              document.getElementById('descr_'+blocks[i]).style.display="block";
              document.getElementById('tab_'+blocks[i]).style.display="block";
          }
          else{
              document.getElementById('bat_'+blocks[i]).className="c_menu";
              document.getElementById('descr_'+blocks[i]).style.display="none";
              document.getElementById('tab_'+blocks[i]).style.display="none";
          }
      }
  }
  </code></pre>
  
  <p>I understand how to fix page default topscrolling in JQuery,but helpless in this case with simple JS. Rewriting the code to JQuery unacceptable. Tried to set 'this' as second argument to function and then event.preventDefault() - does not work.</p>