問題タブ [dynamic-html]

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 投票する
1 に答える
873 参照

javascript - 動的に生成された html テーブルのすべての値を取得します

showmodal ダイアログ ウィンドウに html テーブルを表示しています。

ユーザーは入力タグ内のエントリを更新するため、変更をキャプチャする必要があります。

そのような div の 1 つを以下に示します。ボタンのクリックでこれらすべての値を取得する方法。serialize() メソッドについて聞いたことがあります。「挿入」、「選択」、「オプション」など、すべてのタグタイプで機能しますか?

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

javascript - HTML要素を動的に作成した後、イベントを発生させる方法はありますか?

くだらない質問で、すいません。

ASP.NET サーバー コントロールから動的に html 要素を作成しています。要素が作成された後、またはすべての要素が作成された後、そのうちの 1 つで強制的にイベントを発生させる方法はありますか? サーバーからクライアントに送信されることは理解していますが、それを回避する方法を探しています。HTML の追加などをリッスンできるドキュメントはありますか?

私はこのようなコントロールを作成しています:

要素は、ユーザーが選択した値を保存できる一連のカスケード ドロップダウンです。そのため、項目の作成時に項目の値を選択すると、イベントを開始する方法がありません。イベントは、依存するコントロールを満たすデータをデータベースに呼び出します。ここには「ポストバックなし」のルールがあります (私のルールではありません)。

どんな助けでも大歓迎です。

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

jquery - ダイナミックHTMLを備えたjQueryの小さなスクロールバー

jQueryとWebサービスを使用してツリー構造を作成しました。必要に応じてオンザフライで作成するダイナミックHTMLを使用して、ツリーの子ノードを作成します。この木は私にとってはうまくいきます。

次に、私の2番目のタスクは、カスタムスクローラー(facebook / gmailのようなもの)を含めることです。これにはJQueryTinyScrollbarプラグインを使用しましたが、最初のステップでは正常に機能しましたが、動的に追加されたhtmlに対応できません。

私のツリーは次のようなものです。

上記のHTMLは次のようなものです。

ヨーロッパと南アメリカの国のHTMLは、ユーザーが「+」アイコンをクリックするとオンザフライで作成されます

この小さなスクロールバープラグインはこのダイナミックHTMLを処理できないため、この動的に作成されたHTMLに問題が発生します。このHTMLを単に無視します。これを修正するためのポインタを提案してください。

ありがとう、ラヴィ・グプタ

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

javascript - OnSubtreeModified関数を追加します

私はpie.js(http://css3pie.com/)を使用して、ie6+でcss3を使用できるようにします。document.readyにpie.jsを適用します:

私の問題は、domが変更されたときに、pie.jsを適用した要素が適切にレンダリングされないため、domが変更されたときに、OnSubtreeModifiedを使用して変更されたセクションに対してのみpie.jsを適用する関数をロードする必要があることです。または別のテクニック...たとえば、domがロードされたときに表示されるパネルがあります。そのパネルには、pie.jsを適用するボタンやその他の要素を含む別のパネルを拡張するボタンがあります。パネルpie.jsを適用したすべての要素は正常にレンダリングされますが、展開されたパネルの要素pie.jsは適用されません:| では、拡張パネル用にdomが変更されたときに、そのpie.jsをどのように挿入できますか?

ありがとう。

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

javascript - 動的に記述されたスクリプトが機能しない

なぜこれが機能しないのかを理解しようとして、約4時間壁に頭をぶつけています. SQL クエリの結果の数に応じてコードを動的に記述する必要があるプログラムがあります。

EasyBoxというjqueryライトボックスを使用しています。このようにハードコーディングすると、次のように機能します。

ただし、このようにリンクを動的に記述した場合、EasyBox ポップアップは起動しません。

なぜこれがうまくいくのでしょうか?ここで髪を引っ張ります!

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

c# - 文字列に含まれるhtmlテーブルタグの幅を動的に変更します

私はメールを送信するCLRプロシージャを実行しており、htmlを文字列に構成しました。いくつかの動的な値をバインドした後、メールを送信することができました。

しかし、今問題は、HTMLを含む文字列を取得しているので、最初に見つけてから<table>その幅を変更したいと思います。それ。[幅が広いため、テンプレートが邪魔です]。これはメールの本文です。

変更したいstyle='width:880px' to style='width:550px'

私はこのコードをクラスライブラリでのみ実行しています。これを行うための最良の方法は何ですか?

私のコードは:

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

jquery - jquery mobile:動的リストは表示されません

これは私のスクリプトです:http://clouderize.it/demo/

まず、作成する必要のあるアイテムの数を尋ねます。最低6つです。

アイテムの名前を尋ねて送信した後、相対的なli要素が要素に追加されulます。

問題は、htmlコードがページに正しく追加されているのに、ページに表示されないことです。

私のjsfiddle:http: //jsfiddle.net/michelejs/PeS2D/559/

私は何が欠けていますか?

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

html - e コマース ストアの製品コンフィギュレーターを作成する方法は?

eCommere ストアのコンフィギュレーターを実装したいと考えています。基本的にはhttp://urbike.de/singlespeed/Konfigurator.htmlのようになります。

私はウェブデザインの経験があまりありません.eコマースストア用のそのようなコンフィギュレーターを作成するには何が必要ですか. 簡単な解決策はありますか?

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

jquery-mobile - jquery-mobile 動的コントロール グループを作成し、jquery-ui css を適用します

これは私のコードです: http://jsfiddle.net/YKvR3/34/

配列 (名前) にある値でコントロールグループを作成します。問題は、読み込みボタンをクリックすると値がコントロールグループに追加されますが、画像のように jquery-ui スタイルが読み込まれないことです。コントロール グループは、jquery-ui モバイル CSS でスタイル設定されていません。

ここに画像の説明を入力 私が間違っていることは何ですか?ありがとう。

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

asp.net-mvc - モデルのプロパティを条件とするビューの一部を実装するにはどうすればよいですか?

この例のような機能要件があります。

  • 「市民権」は、「南アフリカ市民」、「非南アフリカ、労働許可あり」、「非南アフリカ、労働許可なし」の3つのラジオボタンで構成されています。

  • 「労働許可番号」は15文字に制限されたフリーテキストフィールドであり、「市民」フィールドで「非南アフリカ、労働許可あり」が選択された場合にアクティブになります。

この場合は「市民権」など、他のモデルプロパティに基づいて、含まれているエディタを有効または無効にする「作業許可番号」などのフィールドエディタ用の汎用コンテナを作成したいと思います。これは、最初に取得するときに非常に簡単に実現できます。ビューモデルをレンダリングします。

ただし、ユーザーが「市民権」の値を変更するなどすると、事態は複雑になります。UIフィールドのみが変更され、モデルプロパティは変更されていませんが、「作業許可番号」が有効かどうかを決定するコンテナは、モデルプロパティに依存しています。

私はこれに対する2つの解決策しか見ていません:

  1. クライアント側(JavaScriptの可能性があります)のビューモデルを使用し、サーバー側のビューモデル、場合によってはKnockout.jsシナリオから構築します。次に、通常のフォーム送信をバイパスして、クライアント側モデル全体を一度に送信します。

  2. ユーザーが「Citizenship」値を変更したときにajax呼び出しを使用してサーバー側モデルを更新し、「Citizenship」値に依存するすべてのビューパーツを更新します。これは、「動作中」と「コミット済み」のモデルサーバー側が必要になるため、事態を複雑にします。「市民権」などの小さな変更のみを保持し、ユーザーが[保存]をクリックすると、すべての変更を「コミット済み」モデルに移動してデータストアに保持するための作業モデル。

私が何を意味するのかを理解している人のために、これを達成するために他にどのような手段を使用できますか、または上記で概説した手法をどのように改善できますか?