問題タブ [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.

0 投票する
2 に答える
2072 参照

jquery - PrototypeとjQueryをScriptaculousと統合するにはどうすればよいですか?

私はjQueryを使用しており、Script.aculo.usとProtoypeを使用する必要があります。別のライブラリを拡張するjQueryライブラリを使用してみました。次の構文を使用して定義しました。

私のjQueryは正しく機能し、3つのモジュールを分割しました。3つのモジュールすべてを同じページに配置する必要があります。3つの異なるライブラリすべてを使用するのはあまり効率的ではないことは知っていますが、別の方法はわかりません。

  • 検証には、jQueryとAjax(例:validation.js)を使用しています。

  • 私のアニメーションの残りの部分では、PrototypeとScript.aculo.us(例:animation.js)を使用しています。

スクリプトファイルを分離しました。私の問題は、アニメーション部分が正しく機能する場合、Ajax部分が機能しないことです。Ajaxパーツが機能している場合、検証は機能していません。コードを置き換えていますが、まだ統合できません。

質問:

  1. jQueryはこれを機能させる簡単な方法を提供しますか?

  2. PrototypeとScript.aculo.usにある、jQueryと競合してはならないプロシージャはありますか?

0 投票する
1 に答える
1120 参照

javascript - フローティングバーjavascript(プロトタイプまたはscriptaculous)

ページとともにスクロールする水平バーを探しています。理想的には、プロトタイプまたはスクリプトで実装されています。スタックオーバーフローの初めてのユーザーがFAQについて説明するときに表示されるバーとまったく同じようにしたいと思います。

0 投票する
1 に答える
1479 参照

iframe - ドラッグ中に iframe の親を AutoScroll (Prototype & Scriptaculous)

ページにiframeがあります。iframe は、読み込まれたコンテンツに基づいてサイズを変更します。したがって、スクロールバーはありません。

iframe には、ドラッグ可能な要素 (Prototype & Scriptaculous) のリストが含まれています。要素を下から上に、またはその逆にドラッグする必要があり、ドラッグしている間、親ウィンドウはそれに応じてスクロールする必要があります。「window.parent.window」要素に基づいてスクロールするように、dragdrop.js ファイルを適宜変更しました。その結果、親ウィンドウは要素をドラッグすると自動的に下から上にスクロールしますが、その逆はできません。

0 投票する
1 に答える
972 参照

asp.net-ajax - Asp.net ajax を使用したインプレース編集

Web フォーム アプリでインプレース編集を実行する方法を探しています。scriptaculous を使用したこの動作のリンクは次のとおりです: http://wiki.github.com/madrobby/scriptaculous/ajax-inplaceeditor )

.Net Ajax ツールキットを使用しています。

これを行う方法を知っている人はいますか?

ありがとう、

ニコラス。

0 投票する
1 に答える
2144 参照

javascript - jQuery からプロトタイプへの変換: マウスオーバーで動的に SlideUp div

この jQuery コードを使用して、div をそのラッパー div の上に動的にスライドさせます。

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

「マスク」div (CSS : 高さ: 0; 表示: なし; 位置: 絶対;) は、「サム」ラッパー div (CSS: 位置: 相対;) 内で上にスライドします。

同じページに多くの「親指」div があるため、動的に実行する必要があるため、その特定の「親指」内の「仮面」div のみが上にスライドされます (マウスが上にないときは下にスライドされます)。 .

この特定のプロジェクトのために jQuery から Prototype/Scriptaculous に移行しました (理由は聞かないでください :-D )。このコードを Prototype/Scriptaculous に変換する必要があります。

誰かが私を助けてくれますか?

注: jQuery コードとまったく同じである必要はありません。同じ動作スタイルが必要なだけです。

0 投票する
3 に答える
578 参照

javascript - プロトタイプ ライブラリを動的にアップグレード/置換する

多くのサイトに埋め込むことができる調査への招待を開発しています。招待状を提示するために、半透明のオーバーレイ上にアニメーション化されたモーダル ボックスを表示する JavaScript ライブラリであるModalboxを使用しています。

この Modalbox ライブラリは、Prototype および script.aculo.us/effects ライブラリに依存しています。招待状は、私が所有していないサイトに動的に埋め込まれ、マークアップを静的に変更することはできません。

ロード時に、Prototype が次のようにロードされているかどうかを (JS で) チェックします。

通常、Prototype.js も script.aculo.us も読み込まないため、ほとんどのサイトですべてうまく機能します。それらをロードするサイトがいくつかありますが、それらをロードする必要はなく、再び機能します。

ただし... 1.4.0 / 1.5.1 などの古いバージョン (Modalbox には Prototype 1.6.0 と script.aculo.us 1.8.0 が必要) が既に読み込まれているサイトがあります。

Javascript でプロトタイプや script.aculo.us を動的にアンロード/置換するにはどうすればよいですか? 出来ますか?

0 投票する
1 に答える
213 参照

javascript - Script.aculo.us のゴースト化でクローン作成をカスタマイズできますか?

Script.aculo.us に Draggable があります。ドラッグされた要素を複製するゴースト化を使用したいので、要素の「ゴースト」をドラッグしているように見えます。

ただし、この要素には iframe が含まれています。ドラッグを開始すると、クローンの iframe がロードされますが、これは面倒です。クローンから iframe を削除する機会が欲しいです。どうやってやるの?

(問題を複雑にしているのは、オリジナルとクローンが同じ ID を持っているように見えるため、スタイリングをチェックせずにそれらを区別する方法さえわからないことです。

0 投票する
2 に答える
1708 参照

javascript - Prototype.js と Scriptaculous.js を使用したフォーム検証

prototye.js と scriptaculous.js のみを使用して、フォーム フィールドに電子メール、電話番号などの検証を適用したいと考えています。利用可能なチュートリアルはありますか? jquery や zapatec などのライブラリは使用したくありません。Prototype.js と Scriptaculous.js の 2 つのファイルのみを使用したいと考えています。

助けてください。

0 投票する
1 に答える
2443 参照

javascript - Scriptaculous の Effect.Morph を使用してクラスをオフにするにはどうすればよいですか?

Scriptaculous の Effect.Morph は、CSS クラスを受け取り、それを一定期間適用することができます。ボタンをクリックすると展開する div があるので、Effect.Morph を使用して.expandedクラスを適用します。

ここで、2 回目のクリックでクラスを削除し.expanded、div を再度閉じます。どうすれば Effect.Morph を呼び出すことができますか?