2

指定された幅まで指定された色をLine要素に適用したいですか？

線をクリックすると、offsetWidthが取得されるので、そのoffsetwidhtまで異なる色を適用する必要があります。これを行うにはどうすればよいですか。

int lineWidth = DOM.getElementPropertyInt(lineElement, "offsetWidth");
int lineLeftOffset = (width / 2) - (lineWidth / 2);
DOM.setStyleAttribute(lineElement, "left", lineLeftOffset + "px");

ここでは、lineLeftOffsetを使用して現在の位置を設定しています。現在の位置まで、lineElementに異なる色を付ける必要があります。フォローしてみましたが、要素全体に色を塗っています。

 DOM.setStyleAttribute(lineElement, "backgroundColor", "red");
4

2 に答える 2

1

これは、2つの要素で実現できます。1つはLineElementで、もう1つは単なるdivです。このdivを子要素としてLineElementに追加します。lineLeftOffsetとbackgroundを次のような子div要素に設定します-

<div id="LineElement">
  <div></div>
</div>

#LineElement {
   background-color: black;
  padding: 3px;
}

#LineElement div {
   background-color: orange /* set the color from the java code */;
   width: 40%; /* Adjust the width from the java code */
   height: 2px;
}

子divにアクセスするには、次を使用できます

lineElement.getElement（）。getFirstChild（）;

于 2013-03-20T15:17:55.100 に答える
0

div内のspan要素をインラインブロックとして使用し、それに色を適用すると便利だと思います。

<div id="LineElement"><span>&nbsp;</span></div>

CSS:

#lineElement{
    background-color:#000033;
    height:5px;
}
#lineElement > span{
    background-color:red;
    height:inherit;
    display:inline-block;
}
于 2013-03-20T15:26:32.160 に答える