0

GWT Web アプリケーションで、ユーザーが現在のページのフォント サイズを増減できるようにしたいと考えています。

ユーザーが+ボタンをクリックした場合、GWTでこれを行うことは可能ですか:

body { font-size: 150%; }

これを行うには、ユーザーが - ボタンをクリックすると:

body { font-size: 50%; }

ありがとう！

4

2 に答える 2

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';
            }
        }
    }-*/;
于 2012-08-23T08:31:40.217 に答える
0

以下を試してください：

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

特定のスタイル クラスのスタイルを変更する必要がある場合は、最初に何らかの形でクエリを実行する必要があります。(たとえば、ネイティブ JS またはhttp://code.google.com/p/gwtquery/を使用) 次に、それらを繰り返し、スタイル属性を変更します。

DOM.setStyleAttribute(someGwtElement.getElement(), "font-size", "150%");
于 2012-08-23T07:11:59.897 に答える