1

HTML+CSSでパーセンテージバーを作成しようとしています。私は次のコードを持っています：

<div id="fundingBar">
    <div id="fundingPercentage" style="width:45%"><p class="percentage">45%</p></div>
</div>

ここで、パーセンテージを動的な値にしたいので、「パーセンテージ」というセッション属性があります。この値をJSPページで使用したいのですが、私が知っている唯一の方法はELを使用することなので、次のようになります。

<div id="fundingBar">
    <div id="fundingPercentage" style="width:${percentage}%"><p class="percentage">${percentage}%</p></div>
</div>

しかし、これは機能しないので、この方法でそれを行う方法はありますか、それともJavaScriptなどを使用する必要がありますか？

ありがとう！

4

2 に答える 2

4

テンプレートテキストのEL（読み取り：JSPタグの外側のプレーンHTMLのEL）は、web.xmlサーブレット2.4以降に準拠していると宣言されている場合、およびWebアプリケーションがサーブレット2.4以降をサポートするコンテナ（2003年11月からすでにリリースされている）にデプロイされている場合にのみ機能します。 ）そして、Webアプリケーションには、/WEB-INF/libコンテナ自体のライブラリとのみ衝突する古いバージョンのサーブレットコンテナ固有のライブラリが含まれていません。

それ以外の場合、それが実際にレガシーシステムであり、誤って構成web.xmlされたバージョンやクラスパスでのバージョンの衝突だけではない場合、唯一の醜い手段はJSTL <c:out>を使用しています。

<div id="fundingPercentage" style="width:<c:out value="${percentage}"/>%">

参照：

もちろん、次のように事前に実際にセッション属性を設定していると思います。

request.getSession().setAttribute("percentage", 45);
于 2012-12-13T16:43:47.280 に答える
0

#fundingBar要素の幅はどれくらいですか？パーセンテージを使用する場合、要素は親要素に対して計算されます。したがって、#fundingBarが0px幅の場合、0pxの45％も0pxです。

于 2012-12-13T16:37:36.313 に答える