GWT - 글꼴 크기 늘리기 및 줄이기

GWT 웹 응용 프로그램에서 현재 사용자가 현재 페이지에서 글꼴 크기를 줄이거 나 늘릴 수있는 기회를 제공하고 싶습니다. GWT - 글꼴 크기 늘리기 및 줄이기

이 작업을 수행하기 위해, GWT, 그것은 가능, 경우 + 버튼을 사용자가 클릭 :

body { font-size: 150%; }

그리고이 작업을 수행하는, 경우에 사용자가 클릭 - 버튼 :

body { font-size: 50%; }

감사!

출처

2012-08-23 superscral

속성. 사용자의 필요에 맞게 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'; 
      } 
     } 
    }-*/;

출처

2012-08-23 08:31:40

덕분에, 그것은 :-) 작품입니다 – superscral

다음 시도하십시오 :

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

당신이 특정 스타일 클래스의 스타일을 수정해야하는 경우

, 그럼 먼저 든을 조회해야한다. (기본 JS 또는 예를 들어 http://code.google.com/p/gwtquery/로) 다음을 반복하고 스타일 수정이가 CSS 인라인 솔루션에 맞는

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

출처

2012-08-23 07:11:59 udalmik

감사합니다, 제가 테스트하게 될하지만 난 하나 또는 일부 CSS 클래스 :-(를 들어, 지금이 작업을 수행해야합니다. – superscral

GWT - 글꼴 크기 늘리기 및 줄이기

답변

관련 문제