Динамически применять CSS в asp.net 2.0

У меня есть прокручиваемый div с тремя кнопками ссылок и тремя разными div. Мне нужно применить CSS к активной кнопке ссылки, как только она будет нажата. Я использую следующие коды:

protected void btnNetwork_Click(object sender, EventArgs e)
    {
        this.btnForecast.CssClass = "li_1";
        this.btnBlog.CssClass = "li_2";
        this.btnNetwork.CssClass = "li_3_active";
        this.btnNetwork.ForeColor = System.Drawing.Color.White;
        lblMsg.Visible = false;
        BindGW("-----------------------------------");
        Forecast.Visible = false;
        Blog.Visible = false;
        Network.Visible = true;
    }

С уважением,

Хуши

Так в чем вопрос? Вышеупомянутое не работает для вас?

Rob Cooper 22.11.2008 11:59

Вы загрязняете вопрос на стороне клиента кодом на стороне сервера. Было бы гораздо лучше опубликовать HTML-код кнопки ссылки по мере ее отображения и объяснить, как вы хотите, чтобы это изменялось при нажатии кнопки.

Eric Schoonover 22.11.2008 12:29

Убейте этот вопрос и откройте другой: голоса против означают, что вы никогда не получите ответа.

Eric Schoonover 22.11.2008 12:30
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
3
2 118
3

Ответы 3

Вместо использования события на стороне сервера используйте событие javascript на стороне клиента. Пытаться:

$get('btnId').setAttribute("class", "some_class_name");

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

Простой пример:

  • возьми одну пуговицу и одну этикетку
  • создайте одну таблицу стилей и добавьте класс style1 как:

body 
{   
}

.style1
{
  color: #000080;
}
  • напишите этот простой код в событии нажатия кнопки

protected void Button1_Click(object sender, EventArgs e)
{
  this.Label1.CssClass = "style1";
}

Другие вопросы по теме