Friday, May 17, 2024
Homepage · html
 Popular · Latest · Hot · Upcoming
102
rated 0 times [  108] [ 6]  / answers: 1 / hits: 17397  / 10 Years ago, wed, august 6, 2014, 12:00:00

This is my html chunk



<tr>

    <td class=c_menu id=bat_light>

        <a href=someLink/file.html#  onclick=OpenItem('light');return false;>sometitle</a>

    </td>

    <td class=c_menu  id=bat_econom>

        <a href=someLink/file.html# onclick=OpenItem('econom');return false;>

    sometitle</a>

    </td>

    <td class=c_menu  id=bat_standart>

        <a href=someLink/file.html# onclick=OpenItem('standart');return false;>

    sometitle</a>

    </td>

    <td class=c_menu  id=bat_premium>

        <a href=someLink/file.html# onclick=OpenItem('premium');return false;>

    sometitle</a>

    </td>

</tr>


and this is JavaScript intro at the top



function OpenItem(name){

    var blocks = ['light', 'econom', 'standart', 'premium'];

    for(var i = 0; i < 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;

        }

    }

}


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.


More From » html
 Answers
7

To stop event propagation you have to use the following method.



event.stopPropagation()


The event object is passed by default to the handler function for any event. So, instead of defining event handlers inline, define in them a separate script file. The event handlers should be attached once the DOM has loaded. You can follow the pattern shown in below code snippet.



//handles the click event

function handleClick(ev) {

    console.log('clicked on ' + this.tagName);

    ev.stopPropagation();

}

window.onload = function() {    

    var links = document.getElementsByTagName('a');



    //attaches the event handler to all the anchor tags

    Array.prototype.forEach.call(links, function(elem) { 

        elem.onclick = handleClick; 

    });

}


Reading List




[#69883] Tuesday, August 5, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
hayleevalenciac
Add To Favorites
Follow
Total Points: 164
Total Questions: 89
Total Answers: 106
Location: Burkina Faso
Member since Thu, Dec 15, 2022
1 Year ago
;