問題タブ [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 投票する
2 に答える
3416 参照

javascript - JavaScript - div をソートする方法

以下の形式でホーム情報のリストがあります。

JavaScript を使用して、上記の家のリストを (価格で) 並べ替えるにはどうすればよいですか。

例を挙げると、私は基本的に次のデモを実行したいと考えています (ただし、TABLE は使用しません)。

http://sam-i-am.com/work/sandbox/dojo0.9/samiam/sortableList.html

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

html - ツールチップ-IE6でタイトルが機能しない

幅が100pxのドロップダウンを使用しています。しかし、そのドロップダウンに含まれるコンテンツはそれ以上のものであり、ユーザーには表示されないため、タイトル(htmlのToolTip)を選択します。IE6では機能しません。

これの代替方法は何ですか..マウスオーバーイベントもで機能していません。助けてバグを明確にしてください

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

javascript - javascript スライド slick_accessible_slideshow

HTML ページに 3 つの div があります。ページは次のようになります

HTML ページ:

div を左から右、右から左に移動する必要があります。JavaScript と DHTMl を使用する

またはJQuery。

その方向に移動することは可能ですか?

0 投票する
1 に答える
1636 参照

javascript - 動的選択ボックスと動的 DIV、削除/追加ではなく要素を設定

動的選択ボックスを作成しています。変更すると、テキスト セクションにデータが入力されます。追加するのではなく、データを何らかのテキストに設定したいと思います。

例えば:

この関数は、選択ボックスが変更されたときに呼び出されます。

////

このアプローチでは、セクションに追加していると想定しています。子を設定する方法はありますか。子を削除してから設定できると思います。しかし、それはリソースを浪費すると思います。

0 投票する
3 に答える
870 参照

javascript - Javascript を使用して項目を追加する場合、HTML 要素 ID と Javascript 参照をどのように処理しますか?

最初に、関連性が中途半端に思えた提案された質問をすべて読みましたが、私の問題に対処するものは何も見つかりませんでした。第二に、これがすでにどこかで対処されている場合、私はそれを十分に検索していませんでした. 最後に、問題に進みます。:D

「項目」があるページがあります。ここでいう「品目」とは、HTML 入力の行を形成する水平方向の行にある HTML 要素の集まりです (たとえば、個数、説明、重量、単位レート、合計レートなどの列を想像してください)。項目の HTML コントロールの 1 つは、実際には Javascript を発行するカスタム サーバー コントロールです。とりわけ、Javascript は次のように型 X のオブジェクトをニュースアップします。

var whatever = new X(constructor values);

これで、ユーザーは [追加] ボタンで項目を追加できるようになりました。現在、広告申込情報を形成する HTML のクリーン コピーを複製しているだけです。これにより、Javascript コードも複製されるため、すべての項目にvar whatever = new X(constructor values);. これは、すべて同じ Javascript 変数 (つまり、whatever) を参照する複数の行があるという問題を引き起こします。

もちろん、これにより、各 をwhatever同じインスタンスではなく個別のインスタンスとして参照する必要があるため、すべてが台無しになります。この状況を処理するためのアプローチがあるかどうか疑問に思っています。カスタム サーバー コントロールを使用しながら、各行が生成する Javascript を参照するにはどうすればよいですか? または、この問題を回避する方法で新しい広告申込情報を作成するにはどうすればよいですか?

私は Javascript を使用して DOM を変更する分野全体に不慣れであり、役立つベスト プラクティスや例を見つけることができないため、少し途方に暮れています。

これはすべて意味がありますか?そうでない場合は、何がそうでないか教えてください。できる限り解決するように努めます。

編集: これは小さなコード サンプルです。

これはまさに JavaScript オブジェクト宣言がどのように見えるかです:

var example = new SmartDropDown('uomSDD','75','1','7','','','','',2);

最初のパラメーターは、レンダリングする要素の 1 つの HTML ID であり、そのため、配列を使用することはできませんでし(回答の 1 つに記載されているように、素晴らしい回答ですが、言及するのを忘れていたことに気付くまで)その詳細)。ID を変更して配列を使用する方法を考え出す必要があります。

SmartDropDown オブジェクトのメソッドの一部はShowOptions、、、HideOptionsですBindOptions

ボタンがクリックされたときに呼び出されるコードについては、次のとおりです。

つまり、要約すると、行項目の HTML には通常のもの (inputs、selects、spans など) と、上記の JS 宣言が含まれています。また、(上記のコードを使用して) 新しい項目を追加する方法により、JS 変数も複製されます。そして、1) 要素の ID を変更し、2) すべての JS 参照を追跡する方法が必要です (配列は既に提案されています)。

0 投票する
3 に答える
14296 参照

javascript - Javascript:スクリプトが完了するまでbodyonload関数を待機させます

呼び出している関数がいくつかあり、それらには時間がかかります(ミリ秒)が、これらの関数が完了するまでページを表示したくありません。今のところ、ページが読み込まれ、スクリプトが最終的に完了することがわかります。

現在、bodyonloadの関数を呼び出しています。

また、私が抱えている可能性のある別の問題は、htmlコンテンツのdiv要素にアクセスする必要があるということですが、body onload関数(getElementById('somDiv')でアクセスできますか?

これがワークフローです。

  1. getElementById('someDiv')を呼び出して、ページから要素を取得します。

  2. 関数someFuncを呼び出します。この関数は本体にありますonload=someFunc()

  3. someFuncが終了するまで待ちます

  4. 関数が完了したら、ページをユーザーに表示します。

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

iframe - IE 7 の iframe でのカレンダー ウィジェットの位置

iframe と DHTML カレンダー ウィジェットを含む Web ページがあります。ページと iframe 内のコンテンツが正しく表示されます。問題は、カレンダーの一部が iframe によって隠されるほど iframe に十分近い位置にあるカレンダーをアクティブにするときです。

javascript と CSS (Zindex、z-index) の両方を使用して iframe の位置を操作しようとしましたが、iframe は常にページの最上位レイヤーとして表示され、同じ領域にレンダリングされる親 DHTML コンテンツを隠します。 iframe。また、DHTML カレンダーの css を値 > 0 に変更し、ウィジェット スクリプトレットを高い z-index 値を持つ div/span でラップしましたが、うまくいきませんでした。

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

javascript - IEでページのアンロードが遅い

多くのテーブル行を動的に作成するサイトを開発しています。現在の行の総数は187です。行を作成するときはすべて正常に機能しますが、IEでページを離れるときは、かなりのラグがあります。これが、ページで行っている重いDOM操作にどのように関連しているかわかりません。動的コンテンツのイベントハンドラーを構築するときに関数クロージャーを作成しないため、この問題がメモリリークに関連しているとは思われません。どんな洞察も大歓迎です。

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

javascript - javascriptのウィンドウオープナークローズの問題

javascript を使用したブラウザ ウィンドウの管理に問題があります。概念実証アプリケーションに 2 つのページがあります。最初のページにはログイン情報 (ユーザー名、パスワード、ログイン ボタンなど) が含まれ、2 番目のページは管理画面です。ユーザーがログイン画面のログインボタンを押すと、メイン画面が開き、メイン画面はフルスクリーンなしで新しいウィンドウを開く必要があります。つまり、閉じる、最小化、最大化するボタンと、Windows OS の下部バーを画面に表示したままにする必要があります。

ログイン画面で新しいウィンドウを開いている間は、自動的に閉じる必要があります。多くのスクリプト例を見つけましたが、すべてのスクリプトで同じ結果が得られます。

例えば; 次のスクリプトは私の問題を解決しますが、同じ問題が続きます。

Firefox はオープナー ウィンドウ自体を閉じません。つまり、6.0 はオープナー ウィンドウを閉じます。つまり、7.0 - 8.0 で動作しており、閉じる前に「表示中の Web ページがウィンドウを閉じようとしています」と尋ねます。

ブラウザに質問せずに、新しいウィンドウを開き、上記の要件でオープナーを閉じるにはどうすればよいですか?

ありがとうございました。

0 投票する
3 に答える
1555 参照

internet-explorer - Internet Explorer は element from DOM?

I have markup in my page that includes the tag:

<body>
  <object codebase="blah" codetype="text/blah">
    <param name="name" value="value"/>
    <div>

I have markup in my page that includes the tag:

The idea is for browsers to display the content of the <div> by default, but if a special JS library is present, it will find all the elements and transform the ones it cares about (based on @codetype).

This works in Firefox and WebKit, but fails in IE, because that browser seems to strip off the outer <object> element, and just leaves the inner <div>. That is, under Explorer, the DOM I get from the above markup looks like this:

Is this a documented behavior? Is there any way to make IE preserve the <object> element in the DOM untouched? (I am currently testing this with IE7.)

Note: This isn't for embedding Flash, or similar multimedia.


with the function

(you can also return the confirm right away, I separated it for the sake of readability)

Tested in FF, Chrome and IE