問題タブ [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.
javascript - ScriptaculousのSortablesの問題
Scriptaculousのドラッグアンドドロップライブラリを使用してdivを並べ替え可能にするのに問題があります。
SafariのWebInspectorでデバッグしようとすると、次のエラーが発生します。
TypeError: Result of expression 'tagName.toUpperCase' [undefined] is not a function. dragdrop.js:932
dragdrop.jsファイルに問題がありますか、それとも私のコードにありますか?それが私のコードにある場合、どうすれば修正できますか?ありがとう。
javascript - Railsでフォームに生成されたチェックボックスのID/値/名前を取得する
私はfields_for
いくつかのテキストボックスを備えたレールでヘルパーを使用しています。Javascript で使用するこれらのテキスト ボックスの ID を取得するにはどうすればよいですか? 特定のボックスをクリックして、他のチェックボックスのステータスを操作できるようにしたいと考えています。
例えば
次に、scriptaculous または anonclick
を使用して、生成された他のチェックボックスに何が起こるかを処理します。
ruby-on-rails - エラー メッセージに対する Scriptaculous 効果の使用方法
エラー メッセージに Scriptaculous 効果を使用したいと考えています。
私の最初のアイデアは、エラー メッセージを div タグに入れ、コントローラーで page.visual_effect を使用することです。しかし、影響を受ける正しいdivを選択する方法がわかりません。
または、いくつかの if 条件を視野に入れて、そこから呼び出す必要があります。ちなみに私はその方法を知りません。私たちは何かをすることはできませんかf.error_message_on "name", :visual_effect => ...
?
jquery - 分類された結果 – jQuery オートコンプリート プラグイン
検索結果を簡単に分類できるオートコンプリート プラグインを探しています。それが不明な場合は、Apple.com の検索バー (右上) を見てください。
script.aculo.us のオートコンプリート ウィジェットは、[span class="informal"] でテキストをラップできるようにすることで、同様の機能を提供することを知っています。すべての class="informal" 要素は、キーボード ナビゲーションには含まれません。
このプロジェクトに 2 つの異なるフレームワークを含めることにあまり興奮していないので、この機能を模倣するために jQuery の多くのオートコンプリート プラグインの 1 つを変更する方法を誰かに教えてもらえれば幸いです。
ありがとうございます。回答をお待ちしております。
ruby-on-rails - ロード後にdivまたはpを強調表示する
こんにちは、ページの読み込み後にdivを強調表示する必要があります。パーシャルを使用する必要があるのか、そのようなものを使用するのかわかりません。パーシャルにも2つの変数を使用する必要があります。
5秒でロードした後に強調表示するコード:
コントローラー:
javascript - ビュー/ショーで Scriptaculous ドロップダウン メニューが機能しない
Ruby on Rails と JavaScript に関する私の知識は初歩的なものなので、この質問に簡単な答えがある場合はご容赦ください。複数レベルのドロップダウン メニューが必要な Web サイトがあります。mongrel を使用して私のウェブサイトのテスト コピーに取り組んでいる scriptalculous ドロップ ダウン メニューを適応させました。それぞれ独自のレイアウトを持ついくつかのページがあります。ページからページにジャンプすると、ドロップダウン メニューは正常に機能しますが、「表示/表示」ページに移動すると、最初のレベルのメニューのみが機能します。ジャンプして表示すると、javascriptが何らかの形で失われるのではないかと思います。誰でもこの問題を解決する方法を知っています。私のすべてのレイアウトヘッドには、次のものがあります:-
Scriptaculous のダウンロードに付属しているプロトタイプ、コントロールなどを使用しています。
javascript - ビューポート内にdivを保持するか、スクロール時に任意のdivを保持します
ビューポート内で垂直ナビゲーションバーを「スティッキー」に保つスクリプトアキュラススクリプトを見つけようとしています(またはスクリプトを作成します)。これは黒魔術ではないかもしれませんが(position:fixed cssを使用できます)、このアプローチには問題があります。ナビゲーションバーがビューポートの高さより長い場合、訪問者はナビゲーション全体を見ることができません。したがって、ナビゲーションバーの上部にビューポートを残さず、下部に親コンテナを残さないようにする必要があります。派手な/バウンドするアニメーションなしで、スクロールイベントを即座に追跡する必要があります。
それは可能ですか?グーグルは私に役立つものを何も明らかにしなかった。スラッシュドットの記事コメントナビゲーターまたはグーグルビデオのプレーヤーボックスからこの種の効果を知っているかもしれません。
更新:基本的に、これはjQueryプラグインscrollFollowの書き直しになります。アニメーションは使わないので、アニメーションがなくても問題ありません。ただし、クリッピングすることなく、定義された親コンテナ内にとどまることができるはずです。クッキーの取り扱いも必要ありません。
javascript - プロトタイプ+Scriptaculous:移行に関する質問
Scriptaculousバージョン1.7.1とともにPrototype1.5.1.1を使用しています。
Prototype 1.6ブランチ(Scriptaculousの1.8ブランチと一緒に)にアップグレードしようとしましたが、いくつかの変更が必要なようです-新しいバージョンを含めるようにファイルを指定すると、機能しないものがいくつかあります(firebugはあらゆる種類の例外をスローします) 。
アイテムを修正してもかまいませんが、適切なコードを分離して更新できるように、削除/変更/減価償却などを説明する移行ページやその他のドキュメントがあるかどうか疑問に思っています。
javascript - document.createElement('script')...1つのコールバックで2つのスクリプトを追加
プロトタイプを追加してからscriptaculousを追加し、両方の読み込みが完了したらコールバックを取得する必要があります。私は現在、次のようにプロトタイプをロードしています。
コールバックをチェーンすることでこれを行うことはできますが、それは悪い習慣のようです(さらにスクリプトをロードする必要がある場合、20のコールバックメソッドのばかげたチェーンは必要ありません)。アイデア?
javascript - 別のエフェクトを追加した後、エフェクトの 1 つが機能しなくなったのはなぜですか?
私はこれらすべてに慣れていないので、これがばかげた質問である場合は申し訳ありません。
以前、コンタクト フォームにライトボックス効果を作成し、うまく機能させていました。連絡先をクリックすると、ライトボックスがポップアップし、別の html ページに保持された連絡先フォームが表示されました。スクリプトの参照は次のとおりです。
次に、コーダのようなスライダー ボックスを追加するチュートリアルを実行し、次のスクリプトをヘッドに追加することですべてが機能するようになりました。
完了すると、最初のライトボックス機能が機能しなくなり、リンクから html ページに移動したことがわかりました。ライトボックスなし。これが今の完全な頭です:
ライトボックスに送信された私のナビゲーションは次のとおりです。
それが役立つことを願っています。ページに JavaScript が多すぎることはありますか? これを修正するにはどうすればよいですか?