0

作業中のページ用に、いくつかの移動可能な「ウィジェット」 (テキスト、画像コンテンツを含む DIV) を作成しました。

ユーザーは現在、ページに移動して DIV をドラッグできます。新しい位置は、ページのアンロード時にデータベースに保存されます。

page_load では、移動可能な DIV ごとに、最後に保存された Top および Left CSS 値を取得できます。各 DIV を、ページ上のそれぞれの保存された位置に設定したいと考えています。(したがって、ユーザーがログインすると、DIVS は最後に表示されたのと同じ位置にあります。)

私の問題は、C# コードから上と左のスタイルを設定しても、DIVS の位置に影響しないことです。背景色などの他のスタイルの設定は正常に機能していますが、位置の設定は何もしません。

データベースから読み取っている上と左の数字は問題ないので、エラーはありません。

簡単な例を次に示します。

C# コード ビハインド

  SearchBox.Attributes.Add("style", "top: 111px;");

  SearchBox.Attributes.Add("style", "left: 144px;");

ASPX

<div id="SearchBox" runat="server"  style="position: absolute; width: 157px; z-index: 100; background-image: url('Images/tagsbox.png'); height: 169px;">

text text text text text text text    

</div>

ポジションが同じままである理由を誰かが知っていますか?

どうもありがとう

4

3 に答える 3

1

皆様、ご回答ありがとうございます。私は私の答えを見つけました-

を使用して

SearchBox.Attributes.Add("style", "left: 144px;");

行は、意図したように追加の要素を追加するのではなく、SearchBox のスタイル コードを「left: 144px;」に置き換えていました。

使用する正しい行は次のとおりです。

SearchBox.Style.Add("left", "144px");

スタイル要素を置き換えるのではなく、実際に追加します。

于 2013-01-12T10:48:23.893 に答える
0

jQuery などのクライアント側言語を使用して div クライアント側を調整し、非表示フィールドに値を保存してから、 Jqueryを使用してサーバーからの値からdiv を再配置する必要があります。

于 2013-01-08T16:35:16.957 に答える
0

これを ASPX に入れてみてください:

<%
  int topValue = 111;
  int leftValue = 144;
%>
<div id="SearchBox" runat="server" style="position: absolute; width: 157px; z-index: 100; background-image: url('Images/tagsbox.png'); height: 169px; top: <%= topValue %>px; left: <%= leftValue %>px;"
      text text text text text text text    
</div>

データベースから設定するtopValueだけです。leftValue

于 2013-01-08T17:57:19.740 に答える