問題タブ [scriptaculous]
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 - 入力せずに Ajax.Autocompleter にリクエストを実行させるにはどうすればよいですか?
さまざまなフィルターを使用した検索に、scriptaculous の Ajax.Autocompleter を使用しています。
http://github.com/madrobby/scriptaculous/wikis/ajax-autocompleter
フィルターでは、データをオートコンプリートに動的に渡す必要があります。これは、次のリンクからうまく学習できました。
http://www.simpltry.com/2007/01/30/ajaxautocompleter-dynamic-parameters/
これで、複数のフィルターと 1 つの検索ボックスができました。 入力を入力せずに、新しいフィルターをクリックすることによって、オートコンプリーターがリクエストを行うようにするにはどうすればよいですか?
明確にするための使用例を次に示します。ページが読み込まれ、複数のフィルター (onclicks とのリンクのみ) と、オートコンプリートが添付された 1 つの入力フィールドがあります。クエリを入力すると、オートコンプリート リクエストが実行されます。次に、別のフィルターをクリックすると、同じクエリで別のフィルターを使用して別の要求を実行したいと思います。
またはもっと簡潔に言えば、入力に依存してトリガーするのではなく、必要なときにオートコンプリータにリクエストを実行させるにはどうすればよいですか?
javascript - Scriptaculous の並べ替え可能なマトリックス
scriptaculous javascript ライブラリを使用して、並べ替え可能な画像マトリックス 5x5 を作成しようとしていますが、うまくいきません。
テーブルを使用しようとしていますが<td>
、Sortable オブジェクトにリンクするのに問題があります。
これを作成するために参照できるヒントやドキュメントはありますか?
ありがとう
javascript - explicitOriginalTarget イベント パラメータに相当するクロスブラウザ
explicitOriginalTarget イベント パラメータに相当するクロスブラウザを知っている人はいますか? このパラメーターは Mozilla 固有のもので、ぼかしの原因となった要素を教えてくれます。私のページにテキスト入力とリンクがあるとしましょう。テキスト入力にフォーカスがあります。リンクをクリックすると、テキスト入力のぼかしイベントにより、explicitOriginalTarget パラメーターを介して Firefox にリンク要素が表示されます。
検索フィールドが特定の要素にフォーカスを失ったときに検索結果を非表示にしないように、Autocompleter.Base の onBlur メソッドを拡張しています。デフォルトでは、検索フィールドがいずれかの要素にフォーカスを失うと、onBlur メソッドは非表示になります。
ありがとう。
javascript - Scriptaculous でネスト可能なドラッグ可能オブジェクトを作成するには?
私は Scriptaculous ライブラリを使用して、エンドユーザーがリストを作成するのに役立つ魅力的な UI をアプリケーションに平手打ちしています。ピザの作成としましょう。
注文を完了するには、ピザのサイズをピザ パレットからドロップ可能な注文にドラッグします。そこに配置されると、ドラッグ可能(パレットに戻すことでジャンクできるため)とドロップ可能(材料を追加できるため)の両方の新しいdivに置き換えられます。
次に、注文のグループにあるピザのいずれかに、材料パレットから材料を追加できます。
これらのビットを正常に実装し、すべて正常に動作します。執着者: 配置されたピザから材料をドラッグ アンド ドロップしようとすると、ドラッグ可能として適切にマークされ、適切な測定のためにピザの上に z 配置され、代わりにピザのホールセールを取得します。これにより、この画面の重要な機能である材料の選択を元に戻すことができなくなります。
これをどうやってやりたいことができるかについての提案はありますか? 理想的には、単純なドラッグ オン、ドラッグ オフ UI を維持したいと考えています。これは、以前使用していたものよりも直感的な世界だからです。(多段階の HTML フォーム...身震いする...)
jquery - iPhone Web アプリに似たデスクトップ Web アプリでのページ スライド
私はciuiを見て、特定のリンクが既存のコンテンツをスライドアウトし、新しいコンテンツを DOM にロードする方法、またはスライドバックする方法が本当に気に入りました。
jQuery、scriptaculous、または MooTools の追加のアニメーション サポートを使用して、似たような作品をすばやく作成する方法はありますか?
javascript - SlideDownとSlideUpの間でリンクを切り替える(scriptaculous)
scriptaculous wikiには、使用中のSlideDown効果を示すデモ( http://github.com/madrobby/scriptaculous/wikis/effect-slidedown )があります。ただし、特定のDIVが非表示になっている場合は下にスライドし、そのDIVが表示されている場合はSlideUpに同じリンクが必要です。
どうすればこれを達成できますか?
ありがとう。
ruby-on-rails - habtmフィールドのオートコンプリートを使用してテキストフィールドを実装するにはどうすればよいですか?
Rails Cookbookの例を試してみて、なんとか機能させることができました。ただし、text_field_with_auto_complete
1つの値に対してのみ機能します。
新しい経費ビューでrhtml
オートコンプリートは最初のカテゴリで機能します。複数のカテゴリで機能させるにはどうすればよいですか?例:Category1、Category2
意図された動作:StackOverflowタグテキストボックスのように
更新:
いくつかの助けといくつかのいじくり回しで、私は複数のコンマ区切りのオートコンプリートを表示しました(ここにコードサンプルを投稿します)。
ただし、選択すると、最後の値がtext_field_with_auto_completeのコンテンツに置き換わります。したがって、Category1、Category2 ..の代わりに、オートコンプリートによって2番目のCategoryが選択されると、テキストボックスにCategory2が表示されます。これを修正する方法はありますか?
javascript - Scriptaculous ドラッグ アンド ドロップで JavaScript クリック イベントを防止する
ページにドラッグ可能な要素がいくつかあります。これらの同じ要素には、別のページに移動するクリック イベントがあります。ユーザーがドラッグしている場合にクリックイベントが発生しないようにする最善の方法を決定しようとしていますが、ドラッグしていない場合でもクリックイベントを許可します。これを達成するための最良の方法のアイデアはありますか?
javascript - scriptaculous とプロトタイプの BlindDown または SlideDown 効果を使用してドロップダウン リストを作成する
scriptaculous とプロトタイプを使用して JavaScript ドロップダウン リストを作成しようとしています。CSS :hover 疑似セレクターを使用してこれを実行できることはわかっていますが、さらに工夫を加えたいと思います。問題は、ドロップダウン/アップ効果を機能させることはできますが、非常に不安定に見えることです。これを行う簡単な方法はありますか、それともホバーに固執する必要がありますか? 使用しているCSSはこちらです。
そして、これがhtmlです(ターゲットを最初に非表示にしたい場合は、スタイルシートの代わりにそこに置くように言われています)。