Изменение стиля ASP.NET в теге DIV

Question

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

Из-за разнообразных требований клиентов мы планируем предоставить доступный вариант, который позволяет клиенту во время просмотра выбирать (хранится в файле cookie, привязанный к элементу ASP.NET), который будет увеличьте размер текста на странице и удалите некоторые из изображений, которые не требуются.

Размер текста установлен в теге DIV, стиль «font-size: ##». То, что я хочу сделать, - это когда флажок снят, страница будет использовать обычный размер, и когда он будет проверен, страница ASP.NET изменится на более крупный шрифт. Я не уверен, как изменить тег DIV (на стороне клиента) на серверный вызов.

Любые идеи о том, как это сделать?

Один человек в другом месте рекомендовал, чтобы я динамически создавал серверный тег div (Response.Write()), но я не хочу использовать его, если есть другой способ. Просто кажется, что это будет больше накладных расходов, когда нужно.

Спасибо,

Answer 1

Вы можете установить div в runat="server" назначить идентификатор и взаимодействовать с ним на стороне сервера. Или вы можете сразу изменить размер на стороне клиента через javascript и дождаться, когда сообщение запишет эту опцию.

Answer 2

Зачем вам нужна эта сторона сервера? Я бы сделал вызов на стороне клиента, уловил изменение чека и использовал javascript и jQuery для изменения размера шрифта в элементе div.

Вы можете использовать jQuery, чтобы сделать его действительно легким.

<div><input type="checkbox" onclick="toggleFontSize(this)" /> Change Font Size</div> 

<div id="myDiv" style="font-size: 10px;"> 
Testing my new font size 
</div> 
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>  
<script type="text/javascript"> 
    function toggleFontSize(obj){ 
     if(obj.checked){ 
      $('myDiv').css('font-size', '20px'); // jQuery selector here 
     }else{ 
      $('myDiv').css('font-size', '10px'); // jQuery selector here 
     } 
    } 
</script>