問題タブ [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.
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の知識はかなり基本的なものなので、多分...?
javascript - JavaScriptを使用してサイクルローテーションで移動するDiv
JavaScriptを使用してDivを循環回転で回転させることは可能ですか?HTMLページに4つのDIVがあります。これらのDIVを周期的に回転させる必要があります。
javascript - javascriptを使用してDivを回転させる
ここにリンクがあります:http ://www.avineon.com/
このリンクを開くには、上部を参照してください。4つの画像が回転しています。
Javascriptを使用した類似のものが必要です。
Javascriptを使用して可能ですか?
javascript - フラッシュでhtml要素にアクセスするには?
Flash ムービーが埋め込まれた html ページがあり、その Flash ムービーにはボタンが含まれています。ボタンがクリックされたときに、その要素のテキストをフラッシュ (つまり、innerHTML) で取得できるように、含まれている html ページの要素の ID をフラッシュ ムービーに渡したいと考えています。
だから、私の質問は基本的に2つの質問です:
- HTML/Javascriptからフラッシュに何かを渡す方法は?
- フラッシュから含まれているhtmlページの要素にアクセスする方法は? (これを行うには、どの ActionScript コードが必要ですか?)
どうもありがとう ...
編集:
最初の質問 (Flash Vars を使用) に対する答えが見つかりました。誰かが他の質問を手伝ってくれることを願っています。
html - CSSの問題:画像でできた画像を垂直にタッチさせる方法は?Toggle Squaresのページには、JavaScriptによって生成されたすべてのセルに<img/>で作成されたテーブルがあります。次のCSSを適用しました。
.game, .
Toggle Squaresのページには、JavaScriptによって生成されたすべてのセルに<img/>で作成されたテーブルがあります。次のCSSを適用しました。
すべての間隔を削除するため。しかし、今、私は2つの隣接する行の間に間隔の細い背景線を取得しています。どうすればそれを排除できますか?
このページは有効なXHTML+CSSです。
助けてくれてありがとう。
よろしく、
DouglasCrockfordのJavascriptがJavaScriptの最良の入門書であることがわかりました。特にYahoo向けのビデオ:JSでオブジェクトがどのように作成および継承されているかを正確に学習できるJavaScriptプログラミング言語。
あなたの問題の解決策は次のとおりです。
しかし、他の人が気づいたように、あなたはいくつかのことをリファクタリングすることができます:)。
Toggle Squaresのページには、JavaScriptによって生成されたすべてのセルに<img/>で作成されたテーブルがあります。次のCSSを適用しました。
.game, .
Toggle Squaresのページには、JavaScriptによって生成されたすべてのセルに<img/>で作成されたテーブルがあります。次のCSSを適用しました。
すべての間隔を削除するため。しかし、今、私は2つの隣接する行の間に間隔の細い背景線を取得しています。どうすればそれを排除できますか?
このページは有効なXHTML+CSSです。
助けてくれてありがとう。
よろしく、
DouglasCrockfordのJavascriptがJavaScriptの最良の入門書であることがわかりました。特にYahoo向けのビデオ:JSでオブジェクトがどのように作成および継承されているかを正確に学習できるJavaScriptプログラミング言語。
あなたの問題の解決策は次のとおりです。
しかし、他の人が気づいたように、あなたはいくつかのことをリファクタリングすることができます:)。
javascript - javascriptを使用して画像を縮小する
javascript.forを使用してdivbackground-imageに保持された画像を縮小する必要があります。その画像の4辺は角が丸くなっています。
javascriptで可能ですか?
助言がありますか ?
javascript - ブラウザの互換性を修正する方法
私はhtmlファイルを開発しました。IE6とIE7では正常に動作しています。IE8で同じhtmlファイルを実行すると、デザインが同じではなく、Javascriptが正しく機能しません。ブラウザの「互換表示」を表示していますか?
これを修正するにはどうすればよいですか?
javascript - フレームワークを使用せずに JavaScript レンジ スライダー/デュアル スライダーが存在する
次のようなレンジ スライダー (デュアル ノブ) である JavaScript コントロールを探しています。
- 既存の JS フレームワーク (dojo、jquery など) は使用しません。ただし、必要なコンポーネントだけをコンパイルできる独自のサブ フレームワークをロール/作成できる場合を除きます。
- すべての主要なブラウザで動作します
レンジ スライダーの例を以下に示しますが、もちろんこれは JQuery を使用しています。必要なコンポーネント (JQuery UI コア + スライダー) のみを含む JQuery を構築したとしても、140kb 縮小されているため、これはオプションではありません。
javascript - Web ページ上の単語をクリックまたはダブルクリックして、イベント ハンドラーをトリガーする方法は?
のようなページの場合
ユーザーがページ内の任意の単語をダブルクリックすると、ポップアップ ボックスが表示され、その単語の定義が表示されます。
DOM スクリプトを使用してページ内のすべての単語を分割し、それぞれを個別の「スパン」要素の下に配置する方法を考えることができます...しかし、そうでなければ、すべてのテキストが「p」要素の場合、「p」要素ノードがトリガーされてダブルクリック イベントが処理されますが、どの単語がクリックされたかを簡単に知る方法はありませんか?
javascript - のウェブページ上の任意のテキストができますタグまたはタグをプログラムで選択しますか?
のウェブページ上の任意のテキストができます
タグまたはタグをプログラムで選択しますか?input要素とtextarea要素はそれを簡単に行うことができますが、他の場合のテキストはどうですか?