問題タブ [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 に答える
3670 参照

javascript - iframe またはフレームのみを含む HTML ドキュメントで選択範囲を見つける方法

テキストがそのフレーム (または iframe) の 1 つに含まれている可能性がある場合、HTML ドキュメントで選択したテキストを見つける方法はありますか?

ドキュメントにフレームがない場合は簡単です:

したがって、これはクロスブラウザーで動作します (ただし、あまりきれいではありません)。

問題は、ドキュメントにフレームまたは iframe が含まれている場合です。フレームには独自のドキュメントがあるため、上記のコードを使用するだけでは不十分です。フレーム ツリーを反復処理して、そのうちの 1 つで選択したテキストを検索することもできますが、一般的に、フレームにはさまざまなドメインのコンテンツが含まれている可能性があるため、検索でルート ドキュメントのすべてのフレームとすべてのサブフレームなどを反復処理する場合でも、選択したテキストの HTML にアクセスする権限がありませんでしたよね? そのため、選択したテキストを取得できません。

ページにフレームが含まれている場合でも、Web ページで選択したテキストを見つける (簡単な) 信頼できる方法はありますか?

ありがとう

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

javascript - JavaScript の要素をプログラムでクリックするにはどうすればよいですか?

IE では、element.click()JavaScript から呼び出すことができます。Firefox で同じタスクを実行するにはどうすればよいですか? 理想的には、クロスブラウザーで同様に機能する JavaScript が必要ですが、必要に応じて、ブラウザーごとに異なる JavaScript を使用します。

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

javascript - Javascript関数オブジェクト

私はそれがより意味をなすように質問を編集しました。
いくつかの引数が必要な関数があります-それを呼び出しましょうfc()。私はその関数を引数として他の関数に渡します(それらfa()をとと呼びましょうfb())。fc()通過する各関数は、に引数を追加しますfc()。の引数を個別fc()に渡すことなく、各関数に渡すにはどうすればよいですか?fc()以下は私がそれをどのように機能させたいかです。

以下は私が今それをする方法です。引数を追加すると、前の関数にも引数を追加する必要があるため、混乱します。 fb()他の場所でfc()慣れると、柔軟性が失われます。

ご協力いただきありがとうございます


編集3-コード

JimmyPのソリューションを使用してコードを更新しました。JasonBuntingの非ハックソリューションに興味があります。これらの各関数は、他の関数やイベントからも呼び出されることに注意してください。

HTMLページから

セクションがロードされたときにイベントハンドラーを設定する

onclickイベントビルドリスト

リストを作成する

リストの位置とサイズ

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

javascript - JavaScript と CSS を使用したカスタム ドロップダウン ボックス

javascriit と css を使用してカスタム ドロップダウン ボックスを作成することは可能ですか。

javascriptを使用してドロップダウンボックスの背景画像を配置する必要があります

はいまたはいいえの場合 もし、そうなら 。何か提案はありますか?

JQueryを使わずに

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

javascript - Javascript で要素を別の要素の下に配置する

SOで「フラグ」リンクをクリックしたときに表示されるダイアログと同様のダイアログを作成しようとしています(ただし、JQueryやその他のライブラリは使用しません)。

以下のコードは、[ダイアログを表示] リンクをクリックしたときにダイアログを表示します。ページのテキストのサイズを変更すると、リンクの下にダイアログが表示されないという 1 つの点を除いて、コードは非常にうまく機能します。これを修正するにはどうすればよいですか?

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

javascript - Dhtmlトランジション

ユーザーがボタンをクリックしたときに、スライドを左から右に移動することはできますか?私はprogid:DXImageTransform.Microsoft.Slide(slideStyle ='PUSH'、bands = 1)を使用しています。左から右に移動する必要があるので、右から左に移動します。

0 投票する
6 に答える
915 参照

javascript - HTML/CSSでの列の実装

テキスト情報を含むDIVがたくさんあります。それらはすべて同じ幅(おそらく400px程度)ですが、高さが異なります。スペース上の理由から、これらのDIVを2列または3列に配置したいと思います(新聞の求人広告セクションのようなものです)。以下の魅力的なアスキーアートを参照してください:)

DIVはjavascript駆動型であり、ページの読み込み時に高さが変更されます。また、順序を変更するべきではありません(各DIVにはタイトルがあり、アルファベット順にソートされています)。

これまでのところ、私はそれを行うための良い方法を見つけていません。HTMLフローは左から右、次に上から下ですが、上から下、次に左から右が必要です。

2つの列を持つテーブルの単純な実装を試しましたが、一方の列にDIVがあり、もう一方の列に残りの半分があります。妥当に見える時間をとってください(各列のDIVの平均の高さが近くなると)、残りの半分はひどいように見えます。

私がjavascriptの第一人者であれば、DIVを拡張した後で測定し、合計して、実行時に1つのテーブル列から別のテーブル列に移動できると思います...しかし、それは私の能力を超えており、よくわかりません。とにかく可能です。

助言がありますか?

ありがとう

アップデート:

コメントありがとうございます。私が質問をするという貧弱な仕事をしたことは明らかです:(

DIVは、類似したコンテンツを含む/グループ化するための単なる方法であり、実際にはレイアウト自体に使用するものではありません。それらはすべて同じ幅ですが、高さが異なります。ページに吐き出したいだけで魔法のように:)それらを2つの列に配置します。ここで、2つの列の高さは、新聞の列のようにほぼ同じです。開始時にDIVの高さがわからないため、各DIVを配置する列がわかりません(つまり、高さがわかっている場合は、2つのテーブルセルに分割しますが、わかりません。知っている)。したがって、上記の例は単純な例です。実行時に、DIV 1が他の3つを組み合わせたものよりも大きいことが判明する場合があります(この場合、DIV2はcolumn2の先頭にフロートする必要があります)。大きなもの(この場合、DIV 1、2、および3はすべてcolumn1にあり、DIV4はcolumn2に単独である可能性があります)

基本的に、2つの列を作成し、必要に応じてコンテンツをcolumn1からcolumn2に魔法のように流す方法があることを望んでいました(Wordのように)。これはできないと思いますが、私のHTML / CSSの知識はかなり基本的なものなので、多分...?

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

javascript - JavaScriptを使用してサイクルローテーションで移動するDiv

JavaScriptを使用してDivを循環回転で回転させることは可能ですか?HTMLページに4つのDIVがあります。これらのDIVを周期的に回転させる必要があります。