問題タブ [scriptaculous]

JavaScript を使用して画像を非表示にし、その下にあるテキストを表示しています。しかし、スクロールするとテキストが表示されると、コンテナでマウスアウトイベントが発生し、テキストが非表示になり、画像が再び表示され、奇妙なループに陥ります。

html は次のようになります。

そしてJavaScript（scriptaculousを使用）：

これは本当に簡単に思えますが、頭を包むことはできません。

複数の AJAX ライブラリの使用について、どのような経験を共有できますか?

Prototype には便利な機能があり、jQuery や Yahoo ライブラリなどにも便利な機能があります。すべてのライブラリを含めて、それぞれから必要なものを使用することは可能ですか?それらは通常、名前空間などと一緒にうまく機能しますか?速度のために含めるライブラリのサイズ/数に実際的な制限はありますか、それとも無視できますか? 特にうまく連携するペア (Prototype/Scriptaculous など) またはそうでないペアはありますか?

提案を含むリスト項目を含む順序付けられていないリストを作成する ASP.NET WebHandler を呼び出す Prototype/Scriptaculous ライブラリの Ajax.Autocompleter クラスを使用しています。

現在、「ストップ ワード」テーブルに提案を追加できるページに取り組んでいます。つまり、それらがテーブルに出現した場合、それらはもう提案されません。

LI 要素内にボタンを配置し、それをクリックすると、ページへの ajax リクエストが実行され、その単語がテーブルに追加されます。それはうまくいきます。しかし、私は提案を即座に更新して、表に追加されたばかりの単語なしで提案が表示されるようにしたいと考えています。好ましくは、選択された単語は、前にクリックされた単語の次または前の単語である。

どうすればいいですか？代わりに、ボタンをクリックした LI が選択された単語になり、候補が消えます。

リスト項目は次のようになります。

Where{0}は提案された単語を表します。JavaScript 関数deleteWord(w)は、単語を「ストップ ワード」テーブルに追加できる webhandler を呼び出します。

たとえば、このコード

p タグと a タグが表示される場合、それらがエスケープされないようにするにはどうすればよいですか?

何らかの理由で、swfobject.js と script.aculo.us Ajax.Autocompleter を同じページで組み合わせると、後者が失敗します。Autocompleter は Ajax リクエストを行いません。Ajax.Updater を使用する同じページ上の別の Ajax コントロールには、同じ問題はないようです。

Scriptaculous Sortables として作成された 3 つの順序付けられていないリストがあるため、ユーザーはリスト内およびリスト間でアイテムをドラッグできます。

ユーザーがすべてのアイテムをリストからドラッグした場合、それらを元に戻すことができるようにするにはどうすればよいですか? 現時点では、アイテムを空のリストにドラッグすることはできません。

これは私が抱えている本当に奇妙な問題です。公式ウェブサイトscript.aculo.usからScriptaculousをダウンロードすると、ZIPにバンドルされているのはprototype.jsバージョン1.6.0.1です。これは完全に正常に機能します。wikiの例に従って学習を開始できます。ただし、prototypejs.orgからプロトタイプ1.6.0.2（最新バージョン）にアップグレードすると、すべて が壊れます。新しいファイルprototype.jsという名前のドキュメントを読みましたが、何も機能しません。どんな助けでも大歓迎です！

IE の Script.aculo.us Autocompleter コントロールの問題に苦しんでいます (IE6 & 7 で試しました)。ページが読み込まれた後、最初の文字がテキスト ボックスに入力されると、候補が表示されません。その最初の失敗の後、コントロールは正常に機能します。

提案データがサーバーから正しく返されることを確認しました。提案が表示されると予想される瞬間に、ページ上の他の相対的に配置された要素が位置からずれるため、問題は提案要素の配置に関係しているようです。

誰かがそのような問題を聞いたことがありますか、またはそれを修正する方法について何か提案がありますか?

編集: Chris に応えて、partialChars パラメーターを 1 に設定し、Firefox、Safari、Opera、および Chrome の最新バージョンである、試した他のすべてのブラウザーでコントロールが機能するようにしました。最初にはっきりさせておくべきだったのかもしれません。ありがとう。

私は次のような状況にあります

• rjs/Scriptaculousを利用してAJAX機能を提供するRailsアプリケーション
• jQueryを使用して書かれたたくさんの素敵なJavaScript（別のアプリケーション用）

この2つを組み合わせて、RailsアプリケーションでjQueryベースの機能を使用したいのですが、jQueryとScriptaculousの衝突が心配です（どちらも$（）関数などを定義しています）。

2つをまとめる最も簡単なオプションは何ですか？ありがとう！

ドキュメントはここにあります

例では次のように述べています。

onDrop: Draggable が Droppable 上で解放され、Droppable がそれを受け入れるたびに呼び出されます。コールバックは、Draggable 要素、Droppable 要素、および Event の 3 つのパラメーターを取得します。ドロップに関する追加情報 (Ctrl キーまたは Shift キーが押された場合など) を Event オブジェクトから抽出できます。

次に、いくつかのコードを提供します

Droppables.add('shopping_cart', { accept: 'products', onDrop: function(element) { $('shopping_cart_text').update('Dropped the ' + element.alt + ' on me.'); } }) ;

コード内で「要素」というあいまいな単語が使用されています。 私の質問は、このコールバック JavaScript 関数でドラッグ可能な要素とドロップ可能な要素を参照する方法の良い例はありますか?