Thursday, May 10, 2012

Javascript Tabs

The following Code is used to develop a Simple Tabbed Navigation Using Javascript:


       var tabs = ["tab1", "tab2", "tab3"];
       function showtab(e) {
            for (var i = 0; i < 3; i++) {
                    hide(tabs[i]);
            }
            for (var i = 0; i < 3; i++) {
                if (e == i) {
                    toggle(tabs[e]);
                }
            }
        }

Hide/Show a Div using Java Script


The following code is used to show/hide a div using JavaScript:

function toggle(e) {
            var x = document.getElementById(e);
            if (x.style.display == "none") {
                x.style.display = "block";
            }
            else {
                x.style.display = "none";
            }
}