問題タブ [javascript-databinding]
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を初めて使用し、次のことを行うための標準的な方法を見つけようとしています。
いくつかのチェックボックスとセレクターを備えたフォームがあります。チェックボックスが音楽のスタイルであり、セレクターが人の名前用であるとしましょう。
ユーザーが複数の人の音楽のスタイルを選択して、すべてのデータを含むフォームを送信できるようにしたいと思います。
たとえば、ユーザーは最初にクラシック、ジャズ、ロック、ポップをチェックして「ジョー」を選択し、次にジャズ、ポップ、カントリー、エレクトロニカを選択して「ジェーン」を選択します。したがって、「送信者」と「送信フォーム」には2つの異なるボタンが必要になります。
私はしたいと思います:
- フィードバックのために、名前と選択したスタイルのリストをフォームの下に入力します
- ユーザーがフォームを好きなだけ使用できるようにし、最後にすべてのデータを送信できるようにします
jqueryとJSONを使用することはこれに最適であると感じますが、これを行う方法を理解するためにどの検索用語を使用するかはわかりません。
重要な場合、フォームはPythonのDjangoビューによって処理されます。
javascript - jQuery:コンテンツが変更されたときに表示/非表示にする要素をバインドします
私のページにメッセージがあるとしましょう:
メッセージにテキストを入れたり、メッセージをクリアしたりする可能性のあるイベントがたくさんあります。
現在、この設定では、すべてのメッセージ送信関数呼び出しがメッセージが表示されているかどうかを確認し、必要に応じて状態を変更しています。つまり、この基本的なロジックには多くの重複があります。
メッセージdivが変更されたときにトリガーされるバインディングを設定して、空に設定されている場合は上にスライドし、空からテキストを含むように設定されている場合は下にスライドするようにします。
それは可能ですか?もしそうなら、どのように?
javascript - シンプルだがトリッキーな表示/非表示の切り替えのオン/オフの組み合わせが私を狂わせる
表示/非表示にする必要があるいくつかの div があり、その中のボタンはいつオンでいつオフになるかを知る必要があります。どういうわけか、彼らはいつ隠れたり見えたりするかを知るために「他の人と通信する」必要があります. そうそう、すべての要素でスムーズなフェードイン/フェードアウト効果を維持したいと思います。
ありがとう!!
私のフィドルはここにあります: http://jsfiddle.net/Pe9jn/
これは私が持っているコードで、ほとんどが機能しますが、少し風変わりです:
jquery - JQueryはasmx Webサービスからドロップダウンリスト項目の配列を返し、ドロップダウンリストにバインドしますか?
全て、
Web サービス メソッドから返されたドロップダウン リスト項目の配列を ddlSubCategory asp.net サーバー コントロールにバインドするにはどうすればよいですか? これが私のコードです。jquery OnSuccess メソッドのコメントを参照してください。
助けてくれてありがとう!
javascript - javascript skrollrは、動的コンテンツに基づいてウィンドウの高さを更新します
私のプロジェクトでは、プロジェクト グリッドを持つ長いスクロール ページがあります。プロジェクトをクリックすると、そのプロジェクトを ajax で読み込み、プロジェクト グリッドを押し下げてウィンドウをスライドして開き、選択したプロジェクトを表示します。各プロジェクトは、コンテンツに基づいて高さが異なります。プロジェクト グリッドの下に表示されるコンテンツが常にページの最後に表示されるようにする必要があります。現在、グリッドをスライドして開くと、「フッター」コンテンツの上をスライドします (下にある大まかな例)。
skrollr のドキュメントによると、ウィンドウのサイズが変更された場合は、refresh 関数を呼び出す必要があります。
プロジェクト グリッドのクリック時に init でこの関数を実行すると、コンテンツの新しい高さに合わせてウィンドウが調整されません。目標は、現在の高さ/位置に関係なく、フッターが常にプロジェクト グリッドの数百ピクセル後に表示されるようにすることです。
knockout.js - knockoutjsは文字列の一部をバインドします
Webページに現在の形式の文字列があります:「これはUSERNAMEがサブスクライブしたゲームです」。USERNAMEは、ログインしたユーザー名の値を取得します。USERNAME属性のみをバインドし、文字列の残りの部分を同じhtml要素に保持したいのですが、最初の部分にスパン、バインディング属性に別のスパン、最後の部分に最後のスパンを設定するのではありません。
私はどこにもこのようなものはありません。誰かがこれを行う方法を知っていますか、またはこれが可能であるかどうか。
angularjs - 相互に依存しているが異なるデータ形式を Angular の入力にバインドする
演習として、RGB と 16 進数の両方を使用してカラー値の入力を作成しています。
html:
js:
それはうまくいきます... 1つの大きな問題があります。1 つの入力値が無効になると (空の文字列、または 16 進数が 6 文字未満)、すべての入力が消えます! これには、ユーザーがすでに入力した値を削除する効果があります。たとえば、ユーザーが有効な 6 文字の 16 進数値を入力してから、Delete キーを押して 16 進数の最後の文字を修正すると、16 進数値全体が消えてしまい、完全に再入力する必要があります。コンソールで見ると、何が起こっているかがわかります。16進数が無効なときにrgb入力が消えるのは正しい動作だと思いますが、ユーザーが入力中の値を消去するのを明らかに妨げています。
これは明らかに「ダブル バインド」が原因で発生しています。RGB 値と 16 進値は、それぞれのモデルだけでなく、相互のモデルも監視しています。ここにはいくつかの深刻な無限ループの可能性があり、無限ループのデッドロックを防ぐためにループが 10 倍しか実行されないと角度のドキュメントに記載されているため、おそらくまったく機能していません。
そもそも私がこの間違った方法でやっていると確信しています。16 進入力用に別のディレクティブを作成する必要がありますか? もしそうなら、どのようにそれらをすべてリンクする必要がありますか? $watch はこの種の使用に適していますか? 実用的なフィドルが最も役に立ちます。
javascript - skrollr を動的に更新する
skrollr の絶対位置の値を動的に更新する方法を探しています。body タグは親要素であり、ページ全体の長さを拡張するため、相対的な配置は問題外です。問題のオブジェクトは body タグ内の固定位置にあります。
1) プラグイン全体を再インスタンス化する必要なく、要素の絶対値を動的に更新する方法はありますか? たとえば、「data-8000-start」を「data-9000-start」に変更します。jQuery を使用してこれらを更新するのは、少し不十分なようです。
2) 定数を使用することでほぼ達成できたようですが、前述のように、プラグインを再インスタンス化する必要があります。代わりに、このような定数を refresh メソッドに渡す方法はありますか?