1

私はJavaScriptを初めて使用し、複数のユーザーがフォームにテキスト文字列を入力するインターフェイスを作成しようとしています。送信後、テキストは以前のユーザー入力とともにページにランダムに表示されます。JavaScriptでこれを行う方法はありますか？私は主に、画面上の特定の場所にテキストを書き込む方法を見つけることに問題があります。

4

2 に答える 2

1

アイデアは、毎回新しい要素を作成し、手動で配置できるように次の CSS を設定することです。

position: absolute;
left: _px;
top: _px;

_を通じて生成できる場所Math.random()。この関数は 0 から 1 の間の 10 進数値を返すため、適切に引き伸ばして丸め、画面上のランダムな整数ピクセル座標を取得します: http://jsfiddle.net/6eTcD/2/。

​document.querySelector("form").addEventListener("submit", function(e) {
    e.preventDefault();

    var fullWidth = window.innerWidth;
    var fullHeight = window.innerHeight;

    var text = this.querySelector("input[type='text']").value;

    var elem = document.createElement("div");
    elem.textContent = text;
    elem.style.position = "absolute";
    elem.style.left = Math.round(Math.random() * fullWidth) + "px";
    elem.style.top = Math.round(Math.random() * fullHeight) + "px";
    document.body.appendChild(elem);
});
于 2012-11-14T15:12:21.117 に答える
0

次のような絶対配置で div を試すことができます。

あなたのHTMLコードで：私のテキスト

あなたのCSSで #mydiv { position:absolute; 上:0; 右：0; 幅:200px; }

jqueryでdivを配置できます

$('div.example').css('top', 100);

参考文献:

  1. 分割スタイル
  2. jQuery 変更スタイル
于 2012-11-14T15:16:03.807 に答える