2011-11-25 4 views
1

в странице ASP.NET У меня есть список кнопок Ссылки:ASP.NET кнопка Изменить ссылку цвета при нажатии без последующих задней или обновления панели

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="Link_Click">Link 1</asp:LinkButton> 
<asp:LinkButton ID="LinkButton3" runat="server" OnClick="Link_Click">Link 2</asp:LinkButton> 
<asp:LinkButton ID="LinkButton5" runat="server" OnClick="Link_Click">Link 3</asp:LinkButton> 

Я их, используя в качестве триггеров для панели обновления на сайте. Когда пользователь нажимает на ссылку, элемент управления загружается на страницу.

То, что я хочу это:

Whne пользователь нажимает на ссылку цвет, что изменение ссылок, чтобы мы могли знать, какая ссылка была нажата последней.

Я хотел бы сделать это без панелей обратной связи или обновления. Так есть ли способ сделать это через javascript? или других решений?

Спасибо за любую помощь

ответ

4

JAVASCRIPT:

<script> 
    function changeColor(e) { 
     e.style.color = "red"; 
     return false; 
    } 
</script> 

HTML:

<asp:LinkButton ID="LinkButton1" OnClientClick="return changeColor(this);" runat="server">LinkButton</asp:LinkButton> 

Успехов!

1

Конечно, есть способ, с помощью JavaScript. Вы можете подключить событие к атрибуту OnClientClick вашего LinkButton и запустить некоторый код на стороне клиента.

Возможно, вы захотите создать CSS для двух состояний этой кнопки. Было бы проще назначить новые классы кнопкам, чем изменить весь их стиль с помощью JavaScript.

Если вы готовы использовать библиотеку как jQuery, это было бы очень просто:

  1. Назначить соответствующий CSS класс «А» для каждой кнопки.

    <asp:LinkButton ID="Button1" CssClass="button button-off" runat="server" /> 
    <asp:LinkButton ID="Button2" CssClass="button button-off" runat="server" /> 
    
  2. Создать «B» CSS класс, который является «выключено» и класса «C», то есть «О» состоянии.

  3. Назначьте обработчик кликов каждой кнопке с классом «A». Что-то вроде этого (непроверенные):

    $('.button').click(function() { 
        $('.button').removeClass('button-on'); 
        $(this).addClass('button-on'); 
    }); 
    

Обработчик нажмите выше, должны вести себя так, что она очищает класс «B» из всех кнопок с классом «А» и присваивает класс «C», чтобы нажата кнопка.