問題タブ [dhtml]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
7 に答える
11338 参照

javascript - HTML テーブルの「エンドレス スクロール」効果

Web ページにスクロールされたデータ テーブルを表示しています。このテーブルには数千の動的行があるため、(AJAX を介して) サーバーからロードされます。

ユーザーは上下にスクロールできるので、より多くのデータを要求して表示するには、ユーザーがスクロールバーの最後 (つまり、テーブルの一番下の最後の行) に達したことを検出する必要があります。

特定のフィードの最後の投稿までスクロールダウンすると、Googleリーダーでこの効果を見つけることができます.Googleは新しい投稿を透過的にリクエストして表示しますが、どうやってそれを達成するのかわかりません.

ちなみに、今私はYUI Datatableを使用しています

0 投票する
8 に答える
94693 参照

javascript - javascriptでhtmlを生成するためのベストプラクティスはありますか

JSON でオブジェクトの配列を返す Web サービスを呼び出しています。これらのオブジェクトを取得して、div に HTML を設定したいと考えています。各オブジェクトに URL と名前が含まれているとします。

オブジェクトごとに次の HTML を生成したい場合:

これに対するベストプラクティスはありますか? 私はそれを行ういくつかの方法を見ることができます:

  1. 文字列を連結する
  2. 要素を作成する
  3. テンプレートプラグインを使用する
  4. サーバー上で html を生成し、JSON 経由で提供します。
0 投票する
11 に答える
323165 参照

javascript - img 要素を作成するのに最適な JavaScript コードは何ですか?

バックグラウンドで画像要素を作成し、何も表示しない単純な JS コードを作成したいと考えています。image 要素はトラッキング URL (Omniture など) を呼び出し、シンプルかつ堅牢で、IE 6 =< でのみ機能する必要があります。ここに私が持っているコードがあります:

これは最も簡単ですが、最も堅牢な (エラーのない) 方法ですか?

jQueryのようなフレームワークが使えません。プレーンな JavaScript である必要があります。

0 投票する
7 に答える
13252 参照

javascript - たくさんの要素を持つコンボボックスのJavascriptコンボボックスの良い代替品?

コンボ ボックスに何百もの要素が含まれているページがあり、必要な項目を 1 つ選択するのが非常に困難です。よりも優れたJavascriptの代替品はありますか

「Intellisense」のようなオートコンプリート機能はありますか?

0 投票する
14 に答える
982058 参照

javascript - jQueryのdocument.createElementと同等ですか?

私はいくつかの古い JavaScript コードをリファクタリングしていますが、多くの DOM 操作が行われています。

jQueryを使用してこれを行うより良い方法があるかどうか知りたいです。私は実験してきました:

しかし、これがより良いかどうかはわかりません。

0 投票する
4 に答える
544 参照

javascript - ページングの代替手段

私は、潜在的に数百ページのボリュームでページ化された結果を返すプロジェクトに取り組んでいます。私は、標準の最初/最後/次/前のリンクとテキスト ボックスへのジャンプよりも、ページングを実行するためのより使いやすい方法を試してきました。私が持っていた1つの代替案は、ページのスクロールリストを持つことでした. 現在のページを中心に、一度に 5 ~ 7 個のリンクを表示しますが、番号付きリストをスクロールするには、両側のボタンにオンホバー アクションを追加します。これにより、面倒な「Jump to」テキストボックスがなくても、必要に応じてユーザーはページ数を大幅に増やすことができます。誰もがより良いアイデアを持っていますか?

そうでない場合は、上記の機能を実装する方法を決定しようとしていますが、div のセクションのみを表示する方法がわかりません (div はリンクの完全なリストです)。

0 投票する
2 に答える
1203 参照

javascript - javascript を使用してフレームのソースを動的に作成するにはどうすればよいですか?

フレームのある 1 つの html ページがあるとします。左のフレームは単なるリンクのリストで、右のフレームに表示されます。ページがロードされたときに、javascript を使用して左フレームのコンテンツを生成することは可能ですか?

0 投票する
16 に答える
1278112 参照

javascript - HTML 要素の実際の幅と高さを取得するにはどうすればよいですか?

<div>ブラウザのディスプレイ (ビューポート) の中央に配置したいがあるとします。そのためには、<div>要素の幅と高さを計算する必要があります。

何を使えばいいですか?ブラウザの互換性に関する情報を含めてください。

0 投票する
8 に答える
12746 参照

javascript - 複数の div 要素でコンテンツをシャッフルする方法

私はJavascriptに比較的慣れていないので、複数の<div>タグに含まれるコンテンツをすばやくシャッフルする方法があるかどうか疑問に思っていました. 例えば

ボタンをクリックした後、d1、d2、d3 のコンテンツの場所を変更したいと思います (たとえば、d3 が最初で、次に d1、次に d2)。

物事を移動する簡単な方法は、最初の div 要素 (d1) をコピーし、最後 (d3 の後) に配置してから、元の d1 を削除することです。しかし、それは実際に物事をランダム化するわけではありません。それは物事をサイクルに乗せるだけです(これは問題ないかもしれません)。

任意の提案をいただければ幸いです。ありがとう。

0 投票する
7 に答える
181125 参照

javascript - HTMLキャンバス要素のサイズを変更するには?

幅と高さを持つ html で静的に定義されたキャンバス要素があります。JavaScript を使用して動的にサイズを変更しようとすると (キャンバスの属性またはスタイル プロパティを介して新しい幅と高さを設定)、Firefox で次のエラーが発生します。

キャッチされない例外: [例外...「WrappedNative プロトタイプ オブジェクトに対する不正な操作」行 1" データ: いいえ]

この要素のサイズを変更することは可能ですか、それとも破棄してその場で新しい要素を作成する必要がありますか?