GWT - Увеличение и уменьшение шрифта.

Question

В веб-приложении GWT, Я хочу, чтобы пользователи уменьшали или увеличивали размер шрифта на текущей странице.

Можно ли, в GWT, чтобы сделать это, если пользователь нажимает на кнопку +:

body { font-size: 150%; } 

И чтобы сделать это, если пользователь нажимает на кнопку -:

body { font-size: 50%; } 

Благодаря!

Answer 1

Это работает для CSS инлайн решения. Замените CLASSNAMEHERE в соответствии с вашими потребностями или передайте его как параметр функции.

private static native void changeFontSize(int inc)/*-{ 
     { 
      var p = $doc.getElementsByClassName('CLASSNAMEHERE'); 
      for (n = 0; n < p.length; n++) { 
       if (p[n].style.fontSize) { 
        var size = parseInt(p[n].style.fontSize.replace("px", "")); 
       } else { 
        var size = 11; 
       } 
       p[n].style.fontSize = size + inc + 'px'; 
      } 
     } 
    }-*/; 

Answer 2

Пожалуйста, попробуйте следующее:

Document.get().setStyleAttribute("font-size", "150%"); 

Если вам нужно изменить стили отдельных классов стилей, то вы должны запросить их первым каким-то образом. (С родной JS или http://code.google.com/p/gwtquery/, например) Затем перебирать их и изменять атрибуты стиля

DOM.setStyleAttribute(someGwtElement.getElement(), "font-size", "150%");