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

Question

в странице 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? или других решений?

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

Answer 1

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> 

Успехов!

Answer 2

Конечно, есть способ, с помощью 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», чтобы нажата кнопка.