Change Tab / PageView on client-side

[Tomica]

I would like to have an event fired from a image map hotspot on a multi-page layout with associated tab strip.

Currently I have this working where I open a LightBox control via a script I picked up from that forum.

For one of the hot-spots I would rather have it change tabs, i.e. just as if the user clicked on another tab.

I've tried the following, but 99% of what I know is server-side, so assume I know NOTHING about how this works on the client.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">
    function OpenAboutLightBox(index)
    {
        var lightBox = $find('<%= AboutLightBox.ClientID %>');
        lightBox.set_currentItemIndex(index);
        lightBox.show();
    }
    function switch_tab(index)
    {
        var tabstrip = $find('<%= RadTabStrip1.ClientID%>');
        tabstrip.index = index;

        var multipage = $find('<%= RadMultiPage1.ClientID%>');
        multipage.index = index
    }
</script>

</telerik:RadCodeBlock>

[Shinu]

Hi Tomica,

Please try the following JavaScript code snippet to change RadTab from client side.

JavaScript:

<script type="text/javascript">
    function switch_tab(index) {
        var radtabstrip = $find("<%=RadTabStrip1.ClientID %>");
        radtabstrip.set_selectedIndex(index);
    }
</script>

Let me know if you have any concern.
Thanks,
Shinu.

[Tomica]

Yes, this works fine.