問題タブ [scriptaculous]

script.aculo.us Sortable オブジェクトを使用しているプロジェクトに取り組んでいます。

Firefox と Chrome では問題なく高速に動作しますが、IE では要素をドロップするたびに非常に遅くなります。

少し調べてみたところ、IE では、ドロップするたびに「onUpdate」コールバック関数が約 8 回呼び出されることがわかりました。通常、ソート可能なコンテナー (宛先と起点) ごとに 1 回だけ呼び出されるはずです。

私のコールバック関数はいくつかの要素のサイズを変更し、それらの要素にグラフを描画するため、各呼び出しに必要な計算はかなりのものです。

IEでこの問題を引き起こしている原因、または修正方法を知っている人はいますか?

編集:問題は、ドラッグされたときに何度もトリガーされることではonUpdateなく、ドラッグが終了していなくても、並べ替え可能な順序が変更されたときに関数が起動されることです。onUpdate実際にはコールバックのように動作しているようですonChangeが、IE のみです。

Richfaces には単一のスライダーがあることがわかります。Scriptaculous のようなデュアル スライダーを作成した人がいるかどうか疑問に思っています。

アプリケーションで JSF、Richfaces、Scriptaculous を混在させることに懸念はありますか?

私のアプリには 2 つの div があり、1 つには別の div (ショッピング カート) にドラッグできる製品の長いリストがあります。製品の div にはオーバーフローがありますが、プロトタイプのドラッグ可能な要素が壊れています。プロトタイプのハックは非常に邪魔で、すべてのブラウザーと互換性があるわけではありません。

だから私は別のアプローチをとっています.CSSを使わずにスクロール可能なdivを持つことは可能overflow:autoですか?

PrototypeとScriptaculousがすでに含まれているページにカレンダーコントロールを追加したいと思います。私が見つけたプロトタイプのもののどれにも満足していません、私はYUIカレンダーウィジェットを使うことを考えています。

私はこれが問題を引き起こす可能性がありますか？

高さを 200 に設定した div があり、スクロールする必要がある十分なコンテンツが内部にある場合があります。Scriptaculous でオーバーフローが発生しなくなるまで、div をスケーリング/拡大できる方法はありますか?

編集: wiki、特に Effect.Scale (これは私が欲しいもののようです) を見ましたが、やりたいことを行う方法が見つかりませんでした。

こんにちは、最初はタイトルしか表示されない DIV セクションがあります。私が達成したいのは、訪問者がdivの領域のどこかをクリックすると、表示/非表示toggle_sectionが切り替わることです。toggle_stuff

ただし、現在の設定では、<a>内にリンクがある場合toggle_section、そのリンクをクリックすると onclick イベントも実行されます。

次に、私の質問は、このタイプの動作を設定する最良の方法は何ですか?

私は現在、scriptaculous とプロトタイプを使用して、ある div から別の div に要素をドラッグ/ドロップし、ドロップされた要素の「src」に基づいて新しい要素を追加し、そこから新しいドラッグ可能な要素を作成しています。

私がする必要があるのは、ドロップされた要素の id を作成後に新しい要素に割り当てることです。

私はさまざまなアプローチをたくさん試しましたが、最新のものは次のとおりです。

...

明らかに、私は少し初心者であり、今ではかなり離れていると想像してください。どんな助けにも感謝します。

「observe( "click",...」の代わりに「onclick = ...」を使用するという私の問題をすべて特定した3つの優れた回答に感謝します

しかし、受け入れられた回答の賞は、ドラッグされた要素をマークするためにクラス名を追加するメカニズムについてPaolo Bergantinoに渡さなければなりません。

私の HTML には、各行に画像リンクがあるテーブルがあります。

付属の Javascript ファイルには、画像をドラッグ可能にするコードが含まれています。

ドラッグの終了を検出する単純なハンドラー

私の考えでは、画像をクリックするとリンクをたどる必要がありますが、ドラッグすると別のことが起こるはずです。

実際には、画像がドラッグされるとハンドラーが呼び出されますが、リンクは引き続きたどられます。

間違ったイベントをキャンセルしていると思います。

要素がドラッグされた後にリンクがたどられないようにするにはどうすればよいですか?

編集：event.stopgreystateの提案を試した後に追加

FireFox、Apacheなどで機能する基本的なソリューションができました。以下の私自身の回答を参照してください。

しかし、私はまだ IE7 (できれば IE6) のソリューションを探しています。

IE で画像をドラッグする際のもう 1 つの問題は、ツール ヒントが表示されたときに画像がマウス ポインターから離れてしまうことです。マウスを離し、画像をもう一度クリックして、ドラッグを再度取得する必要があります。そのため、その問題を解決するのに役立つアイデアも探しています。