問題タブ [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 - JavaScriptフローティングdivサインアップフォームを作成する方法
すべてのページに「ログイン/登録」リンクがあるサイトを構築しています。誰かがこのリンクをクリックするたびに、JavaScript / divベースのサインアップフォームをコンテンツの上に浮かせて、必要に応じて「閉じる」ためのリンクを付けたいと思います。
また、マウスの位置の近くにdivの機能が表示されるようにしたいので、ページの中央近くにあるリンクをクリックすると、中央近くに表示されるはずです。スクロールする必要はありません。それを見るためにトップ。(明確にするために、マウスの座標を自動的に決定するか、(x、y)座標を指定する方法が必要な場合があります。)
私自身はJavaScriptの優れた開発者ですが、専門家ではないので、これをうまくやっているライブラリがいくつかあると確信しています。共有するリンク/チュートリアルはありますか?
menu - DHTML メニューを作成するには?
指定された機能を備えた DHTML メニューを作成する必要がありますが、その方法がわかりません。必要なものは次のとおりです。
すべての項目が水平に配置されます。画面よりも幅が広い場合は、メニューの右側にスクロールできる 2 つの小さな矢印が表示されます。このようなもの:
メニュー項目は、セル内のどこでもクリックできる必要があります。それらはコンテンツに対して垂直方向と水平方向の両方に伸びる必要があります。アイテム内のテキストは、垂直方向と水平方向の両方で中央揃えにする必要があります。メニューは IE7/Opera/FF/Safari で動作するはずです。
スクロールは簡単な部分です。すべてをコンテナー (たとえば a <div>
) に配置し、コンテナーを に設定してから、とoverflow: hidden
を使用して Javascript で遊んでいます。私が理解し、すでに試したこと。clientWidth
scrollWidth
scrollLeft
しかし、メニュー項目を伸縮性があり、どこでもクリック可能で、テキストを中央に配置するにはどうすればよいでしょうか?
javascript - JavaScript:画像のURLのリストが与えられた場合、最初の壊れていない画像をどのように表示しますか?
画像のURLのリストを受け取りましたが、現在、ページにいくつかの非表示のimg要素があります(リスト内のURLごとに1つ)。ページの読み込みが完了したら、JavaScriptを使用して画像を確認し、壊れていない最初の画像を表示します(つまり、myImage.style.display = "inline"を設定します)。これは非常に簡単です。ただし、すべての画像をリクエストする必要があります。
私がやりたいのは、各画像を一度に1つずつロードして、壊れているかどうかを判断することです。画像が壊れている場合は、次の画像を読み込んでみてください。良ければ表示し、残りは無視してください。(これにより、不要なリクエストの数を節約できます。)
アルゴリズムは十分に簡単ですが、秘訣は画像の読み込み時間です。問題は、isBrokenチェックが発生する前に画像が読み込まれていない可能性があるため、適切な画像が無視される可能性があることです。その場合のアプローチは、imgのonloadイベントとonerrorイベントをソリューションに組み込むことです。
私はここに投稿して、誰かが同様の問題に直面したかどうか、そして彼らの解決策が何であったかを確認します。
ありがとう!
css - ヘッダー、フッター、コンテンツを含む HTML CSS ページを作成する方法
ページには 3 つの部分があります。
実行時にテキストが入力されるため、設計時に不明なコンテンツを持つヘッダー。すべてのテキストを表示する必要があり、スクロール バーは表示されません。(私
height: 100%
はこれを行うと思います)コンテンツ、コンテンツは、ヘッダーの下部からフッターの上部までのページを埋める必要があります。コンテンツに表示できるテキストがさらにある場合は、スクロール バーを使用できるはずです。
フッター。フッターは
25px
高くし、常にビューポートの下部に配置する必要があります。
ウィンドウはポップアップであり、ウィンドウのスクロール バーは表示されません。サイズは変更できますが、スクロール バーは表示されません。コンテンツ スクロール バーのみが利用可能である必要があります。
ウィンドウのサイズを変更すると、コンテンツ領域のサイズも変更されますが、フッターは同じまま、つまり下部に固定されます。
幅はすべて100%
html - DOM要素からSPANのクラスをプログラムで実行しますか?
これは .NET プログラムで、HTMLElements
個別にアクセスしています。SPAN タグに「More...」/「Less...」を含むマークアップの断片があり、クリックすると前のコンテンツの表示を増やしたり減らしたりします。
コード スニペット:
「less..」はクリック可能で、何かを呼び出して表示するテキストを減らします。プログラムで HtmlElement から同じことをしたいと思います。
また、Visual Studio からのコマンド ウィンドウ出力:
OuterHtml: "
私は試しました:elem.RaiseEvent("onlick")
そして「折りたたまれた」属性を切り替えます。
asp.net - ASP.NET/DataList: リスト要素をクリックすることによるクライアント側のポストバック
一連の要素を表示する DataList コントロールがあります。ユーザーがリスト内の要素をクリックしたときにポストバックを送信/実行するためのクライアント側機能を追加する方法について、誰かが私を正しい方向に向けることができますか (たとえば、リスト要素のルートである非表示の LinkButton を追加して配線することでいくつかの例を見ましたが、適切に動作させることはできませんでした。
乾杯、
--larsw
助けてくれてありがとう - jQuery メソッドに行きました。非表示の asp:LinkButton を (選択した項目の) ラムダ関数から呼び出して、ポスト バックを実行できるかどうか知っていますか?
コード例に小さなタイプミスがありました (他の誰かがこのスレッドを読んだ場合に備えて): jQuery セレクターに # を追加する必要がありました。' # <%= DataList1.ClientID %> td'
--larsw
javascript - DHTML: 更新された要素サイズを取得する
JavaScriptでタグのsrc
属性を更新しています。これを行った後、ページ上の他の要素のサイズを更新できるよう<img>
に、その親の新しい高さを取得する必要があります。ただし、画像の を更新した直後に<div>
親のプロパティを取得すると、変更前の高さが取得されます。新しい高さを取得できるように、ブラウザーに更新されたページを強制的にレンダリングさせる方法はありますか?offsetHeight
src
再現:
html - 列は、テーブル内の「パーセンテージで指定されたテキストボックスの幅」で展開されます
次のコードを使用しています
--- EDIT @annakata :完全なコードの追加
この問題は、ユーザーが大きなテキストを入力すると、テキスト ボックスが拡大し、テーブルが歪むときに発生します。そこに size="30" を入れると、拡張の問題は修正されますが、解像度が異なると、構造の動作が異なります。
望ましいものを優雅に達成するための修正や中華鍋はありますか?