[Solved] radmenu onClicked issue

[Ciaran]

Hi

I show different panels on a page based on the different menu options

I want to do this with JS, It works perfectly on the first click but then after that locks up the page and doesnt recognioze any more clicks

I assume I am missing something simple but am unable to put a finger on it

function onClicked(sender, eventArgs)
            {

            var name = eventArgs.get_item().get_text();

                if (name = "Panel1")
                {
                    document.getElementById("Panel1").style.display='block';
                    document.getElementById("Panel2").style.display='none';
                    document.getElementById("Panel3").style.display='none';
                }
                if (name = "Panel2")
                {
                    document.getElementById("Panel2").style.display='block';
                    document.getElementById("Panel1").style.display='none';
                    document.getElementById("Panel3").style.display='none';
                }
                if (name = "Panel3")
                {
                   document.getElementById("Panel1").style.display='none';
                    document.getElementById("Panel2").style.display='none';
                    document.getElementById("Panel3").style.display='block';
                }

            }

[Yana]

Hello Ciaran,

It should be like this:

function onClicked(sender, eventArgs) {

    var name = eventArgs.get_item().get_text();

    if (name == "Panel1") {
        document.getElementById("Panel1").style.display = 'block';
        document.getElementById("Panel2").style.display = 'none';
        document.getElementById("Panel3").style.display = 'none';
    }
    if (name == "Panel2") {
        document.getElementById("Panel2").style.display = 'block';
        document.getElementById("Panel1").style.display = 'none';
        document.getElementById("Panel3").style.display = 'none';
    }
    if (name == "Panel3") {
        document.getElementById("Panel1").style.display = 'none';
        document.getElementById("Panel2").style.display = 'none';
        document.getElementById("Panel3").style.display = 'block';
    }

}

Greetings,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Ciaran]

Thats it

Thanks Yana