ASP.NET меняет стиль в теге DIV - PullRequest
Новая
       22

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

0 голосов
/ 11 января 2010

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

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

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

Есть идеи, как это сделать?

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

Спасибо

Ответы [ 2 ]

2 голосов
/ 11 января 2010

Зачем вам нужна эта серверная сторона? Я хотел бы сделать вызов на стороне клиента, перехватить изменение проверки и использовать 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>
2 голосов
/ 11 января 2010

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

...