問題タブ [scriptaculous]

CakePHP の Ajax ヘルパー (現在は 1.2.3.8166) を使用して、結果の $ajax->autoComplete リストを提供し、マウス (およびマウス ホイールを使用して) 結果をスクロールする場合、レンダリングされたビューとして結果リストを返します。 、 すべては順調です。一方、矢印キーを使用すると、ビューがぎこちなくスクロールするという厄介な効果があります。下に押すと、選択ボックスとページ全体がブラウザーのビューペインの下部に移動します。上に押すと、上に移動するのとは逆の効果があります。

他の誰かがこの動作に気づき、何か考えましたか? 結果のリストは、たとえば次のコードによって提供されます (これは、コントローラーの autoComplete() 関数から $people を取得します)。

（あくまで一例で、実際にidと名前・苗字・商号を表示しています）。

リストの CSS は次のとおりです。

私のページでは を使用していeffect.shrink()ます。

すばやくクリックすると、div タグが他のタグと重なっています。

この問題を解決するにはどうすればよいですか? scriptaculous.jsとprototype.jsを使用しています

ページにいくつかの script.aculo.us Ajax.Autocomplete コントロールがあり、ドロップダウン div がレンダリングされると、zIndex と配置に関係なく、ページ上の他のテキスト ボックスの背後に常にスタックします。問題は IE と FF で発生します。他の誰かがこれに遭遇しますか？私は何かを見逃していますか、それともこれはこのコントロールでの生活ですか?

Rails コードによって生成された HTML テーブルから行を削除したいのですが、他の行を新しい位置に「スライド」させたいと考えています。

私はこれに慣れていないので、おそらく単純な間違いを犯したと確信しています。

テーブル行を生成するコードの一部を次に示します。

そのパーシャルから生成された HTML は次のとおりです。

これで、行は問題なく削除されますが、クールな AJAX 効果は得られません。それは一種の「スナップ」です。

これまでのところ、「パフ」は私が機能させることができた唯一の効果です。

ヘルプやアドバイスをいただければ幸いです。

アップデート

この効果が table 要素内で機能しない可能性はありますか? 順序付けられていないリストでほぼ正確なコードを試してみましたが、うまくいくようです。

jQuery のテーブルでもアニメーションが機能しないという別の質問も見つけたので、ここでは運が悪いかもしれません。

ちょうど今日、私の Web サイトの 1 つである TwitPeek.net が、「互換モード」以外の IE8 で適切にレンダリングされないことを知りました。このサイトは IE7 で正常に動作します。

調査の結果、IE8 は、ページの JavaScript が生成するアンカー タグと img タグにページ スタイルシートを適用することを拒否しているようです。このため、script.aculo.us アニメーションはどれも適切に表示されず、画像は均一なサイズに設定されず、すべての余白は完全に無視されます。

基本的に、ページはがらくたのように見えます。

これは IE8 のバグに違いありませんが、互換モードのメタ タグを使用する以外に回避策はありますか?

編集：問題は解決しました。IE8 は、新しい DOMElement のクラス属性を処理していませんでした。代わりに className を設定する必要がありました。

ユーザーが検索テキスト フィールドにクエリを入力したときに、Google が提案したクエリを表示しようとしています。私たちの目標は、Google が提案するクエリを Scriptaculous Autocompleter と組み合わせることです。

コードは次のとおりです。

new Ajax.Autocompleter('q', 'autocomplete_choices', ' http://suggestqueries.google.com/complete/search?q=test ', {method:'get', onSuccess:format_autocomplete});

ブラウザと curl から http://suggestqueries.google.com/complete/search?q=test を取得すると問題なく動作し、特定の文字列に対して提案されたクエリが表示されます。

ただし、onSuccessコールバックのresponseTextには、提案されたクエリではなく、空の文字列 ("") が常に表示されます。

手がかりはありますか？

作成したオブジェクトに属する関数内に、（script.aculo.us dragdropモジュールから）「Draggable」オブジェクトの新しいインスタンスを作成しています。そのオブジェクトを「Person」オブジェクトと呼びましょう。簡単です。ただし、Draggableオブジェクト内の「onEnd」関数内から、前述の「Person」オブジェクトに属する別の関数getCell（）を呼び出す必要があります。循環器系のようなものですが、これを行う方法を知っていればいいのですが。私が試したことは何もありません。できますか？以下は簡潔にするために大幅に編集された例ですが、それが私の意図を伝えていることを願っています。ここでの洞察に感謝します。ありがとう。

私はその技術に不慣れです。「scriptaculous.jsとprototype.jsを使用してコントロールを作成できますか、それともこのライブラリはエフェクト、ドラッグアンドドロップ、オートコンプリーターを提供するためのものですか？」私はdojo.jsで見たので、dojoで作成するときに独自のコントロールがあります（ボタン、チェックボックスなど）。

エフェクト、アニメーションなどに使用するのに最適なライブラリ（scriptaculous.js、prototype.js、dojo.js、jQuery、YUI）について知りたいです。

コメントしてください。

よろしく、Mauunusanghi

scriptaculous.jsまたはprototype.jsを使用してサーバーへのリクエストをGET/POSTするにはどうすればよいですか。できれば簡単な例で説明してください。

よろしく、Akash Jain