問題タブ [scriptaculous]

統合された scriptaculous ドラッグ アンド ドロップ効果を使用して、Ruby on Rails アプリケーションを作成しようとしています。

私は ruby​​ 言語を初めて使用するので、多くのドキュメントを参照しているときにこのコードにたどり着きましたが、コントローラー コードが実行されない理由を理解できません。

html.erb ページの origin div

ターゲット

そして、ドロップターゲットを特定します

そして最後に私のコントローラーで

アイテムをターゲットにドロップすると、ドロップされたコンテンツがターゲットにくっつきます。ターゲットがアイテムを「キャッチ」しなかった場合、アイテムは元の位置に戻ります。コントローラーのコードが実行されない理由がわかりません。

助けてくれてありがとう

次のように、並べ替え可能なリストが含まれる、overflow:scroll を使用したスクロール可能なコンテナーが必要です。

そしてやっている：

これは、リストの表示部分からアイテムを選択し、それを表示部分にドロップする限り機能します。

表示されている部分から項目を選択し、(スクロール後に) 非表示の領域内にドロップしようとすると、他の項目は「スペースを空けません」。

下にスクロールして最初に見えない部分からアイテムを選択し、最初に見える部分までスクロールすると、最初に見えるアイテムの間にドロップできます。

Prototype 1.6.0.3 と Scriptaculous 1.8.2 を使用。

対照的に...私が話しているのは、このYUIの例での作業です。

Prototype と Scriptaculous で動作する JavaScript アプリケーションを作成しました。オープン ソース製品として展開することを考えており、jQuery でも実行できるようにしたいと考えています。通常、このアプリが最初に作成されたサイトを除いて、他のほとんどのアプリで jQuery を使用しています。

当初は 2 つの別々のアプリケーションを構築することを考えていましたが、それらを維持するには時間がかかります。代わりに、ページが jQuery または Prototype を実行しているかどうかを検出し、適切なメソッドを呼び出すライブラリ抽象化レイヤーを構築することを検討しています。ライブラリ全体を抽象化するつもりはありません。アプリケーションに適用可能な機能、つまりセレクター、イベント、効果だけを抽象化するつもりはありません。私のアプリのコアは 500 行未満のコードなので、あまり心配する必要はありません。

したがって、呼び出す代わりに、(ライブラリ抽象化の LA) を呼び出します$('id')。これは、プロトタイプやクエリなどで呼び出します…LA.$('id')$('id')$('#id')

これは正気ですか？技術的なハードルは思い浮かびませんが、誰かが以前にこれを試みたことがあると思いました。私の検索では、同じようなものは見つかりませんでした。

で動的に作成されnew Element('div')、フェードイン、移動、フェードアウトされる要素があります。すべてのブラウザで、私のコードは期待どおりに機能します–IEを除くすべてのブラウザ。

Internet Explorerは、 PrototypeのLighthouse'undefined' is null or not an objectに記載されているとおりに文句を言います。

エラーを取得するために、私は次のように書きます。new Message('Your contact information has been saved');

私のMessageクラスのソースは、この要点で入手できます。

scriptaculousがスムーズなトゥイーンのためにプロトタイプで使用するタイミング方法と間隔は何ですか？ PeriodicalExecuter？

jQueryアニメーションですか？

私はscriptaculousライブラリを使用して作業しています。ただし、プロトタイプライブラリにJSONライブラリを含めることでいくつかの問題に直面しています。toJSONSTringおよびparseJSONSTRINGメソッドをすべてのオブジェクトに自動的に追加し、率直に言って、これが場所に大混乱を引き起こしています。Ajax Updater関数を使用できないようで、渡したオプションオブジェクトにアタッチされているこのtoJSONSTringメソッドが原因であると思われます。

オブジェクトに追加された関数の設定を解除するか、少なくとも何らかの方法で削除する方法はありますか？

編集：：：

実際、私はajaxリクエストを行おうとしていますが、

プロトタイプライブラリの一部。AJAXリクエストを実行して投稿することになっている部分では、特に次の場合には実行されません。

正確には、このURLでこの並べ替え可能で編集可能なテーブルグリッドを使用しています：http： //cloud.millstream.com.au/millstream.com.au/upload/code/tablekit/index.html

基本的には、テーブルセルをクリックして編集し、[OK]ボタンを押して確認します。ボタンをクリックすると、ajaxリクエストが行われます。

テーブルの編集可能な機能は、送信関数で次のようにAjaxアップデーターを呼び出します。

問題は、リクエストが行われず、OKボタンを押し続けても無駄になることです。

編集：：：：：：：：：：：：：：：：

私はまだここで困惑しています-私は自分でAjax.Updater関数を呼び出しようとしましたが、それはまったく機能しません。このような機能は、突然、公式には役に立たなくなった。私はあなたが言った変更を加えましたが、まったく役に立ちません:(率直に言って私はここでオプションを使い果たしています-別のアイデアはこのテーブルキットを捨てて、それがうまくいくことを期待して同様の機能を持つ何かを探すことです！

コード：

マウスオーバーするNavigationとDrop_Downdivが下にスライドし、マウスアウトすると上にスライドします。

問題は、子divの上にマウスを置くと、Drop_Downそれも上にスライドすることです。

誰かが私がそれを修正する方法を知っていますか？

だから、事は：

誰かが私のウェブサイトへのリンクをクリックしてページが読み込まれると、prototypeJSはURLに#elementIdがあるかどうかを監視し、ブラウザーが要素にジャンプするのを停止し、scrollTo（）でそれを実行することになっています。

私はこれを以前に見たことがありますが、jQueryでのみですが、prototypeJSでそれを行う方法を理解できませんでした。

Prototype / scriptaculousは、入力ボックスで簡単なオートサジェストを実行できます。それはほとんど組み込まれています。

JQueryでそれを行うにはどうすればよいですか？