タグ付けされた質問 「javascript」

JavaScript(JS)は、ユーザーとの対話、ブラウザの制御、非同期通信、および表示されるドキュメントコンテンツの変更を可能にするクライアント側スクリプト言語です。デフォルトでは、Magento 1にはprototype.jsライブラリが付属し、Magento 2にはjQueryが付属しています。これらのライブラリーに関する質問には、「prototype-js」および「jquery」タグを使用してください。

4
ブロックのモジュールlayout.xmlを使用してCSSおよびJSを<head>に追加する
あらすじ グループ化された製品ビューと単純な製品ビューにブロックを追加したいと思います。このブロックには、ホバー状態の便利なツールチップがいくつかあります。私は、1つのjqueryプラグインと1つのcssスタイルシートを持つ小さなライブラリを使用しています。 これらの2つのリソースを、これらのページのみのmagentoのに含めたいと思います。 ノート カスタムテーマを実行しています。 キャッシュは無効です。そして 私のファイルは/jsディレクトリ内にあります。 これまで… それでもlayout.xml、モジュールで使用する方法の1つであることがわかっていました。最初はこれが機能しなかったのでconfig.xml、レイアウト要件についてMagentoに通知するために内部に追加の設定が必要だと思いました-これも機能しませんでした。 動作しませんでした私が何を意味するか私の資産がロードされなかった、です。 下記の添付ソースを見つけてください。 app / code / local / Vendor / Rating / etc / layout.xml &lt;?xml version="1.0"?&gt; &lt;layout&gt; &lt;default&gt; &lt;reference name="head"&gt; &lt;action method="addJs"&gt; &lt;script&gt;vendor/qtip/jquery.qtip.min.js&lt;/script&gt; &lt;/action&gt; &lt;action method="addCss"&gt; &lt;stylesheet&gt;vendor/qtip/jquery.qtip.min.css&lt;/stylesheet&gt; &lt;/action&gt; &lt;/reference&gt; &lt;/default&gt; &lt;/layout&gt; app / code / local / Vendor / Rating …

1
JavaScriptを使用してネイティブクライアントからMagento APIにアクセスする方法
ローカルのJavaScriptベースのアプリケーション(Titanium Desktop)からMagento APIにアクセスする必要があり、そのための最良の方法は何かと思います。 これまでにわかったこと: 認証メカニズムはOAuthのみなので、ユーザーはサイトで資格情報を入力する必要があります JavaScriptクライアントライブラリがあります:https : //code.google.com/p/oauth/source/browse/#svn%2Fcode%2Fjavascript OAuthクライアントとしてのネイティブアプリの場合、OAuth 2ユーザーエージェントフローが推奨されます。 リダイレクトURLは、トークンを抽出またはコピー&ペーストする必要があるローカルページを指す必要があります 質問: 認証メカニズムを、アプリケーションキーとシークレットを使用したHMACベースの認証などに交換することは可能ですか?実証済みのソリューションさえありますか? そうでない場合、OagentユーザーエージェントフローはMagentoで可能ですか?ドキュメントはそれについて言及していません。 AJAXを使用してユーザーの資格情報を送信し(ここではCross-Origin-Policyは問題ではありません)、ユーザーから承認プロセスのほとんどを隠すことはできますか?アクセストークンは、応答から直接抽出される可能性があります。
9 javascript  oauth  api 

5
Magento 2:Cookieの使用方法
magento 2でcookieを使用してデータを保存するにはどうすればよいですか。 vendor/magento/module-checkout/view/frontend/web/js/model/resource-url-manager.js 選択した推定配送方法を保存するために、Cookieにデータを保存しようとしています 。

1
Magento 2:チェックアウト時の出荷API機能の呼び出し方法
チェックアウトページの[ここに発送]をクリックすると、 magento / rest / default / V1 / carts / mine / estimate-shipping-methods-by-address-id それからJSファイルの下に行きます magento \ vendor \ magento \ module-checkout \ view \ frontend \ web \ js \ model \ shipping-rate-processor \ customer-address.js magento \ vendor \ magento \ module-checkout \ view \ frontend \ web \ …


2
Magento 2のJavaScriptでフォーマット価格
JavaScriptで数値を計算しました。価格として表示したいもの。 私のJSファイル define([ 'jquery' ], function ($) { "use strict"; function irreleventCalculations() { // black magic here return 19.949999; } var price = irrelevenCalculation(); jQuery('#myCustomPriceDiv').text(formatedPrice); return $; }); Magento 2ではどのようにすればよいですか?

5
モジュールの外部.jsファイルコードをテンプレート[phtml]ファイルに移動する
以下のコードを持つカスタムモジュールがあります app/design/frontend/rwd/Theme1/layout/aitcg.xml &lt;action method="addJs"&gt;&lt;script&gt;aitoc/aitcg/Aitcg/View/Abstract.js&lt;/script&gt;&lt;/action&gt; 我々は、この.JSファイルにPHPコードを使用することはできません、我々はからのコード存在を移動することができますどのような方法がありAbstract.js、一部には、ファイル.phtmlのファイルは? 編集する 私はラファエルの答えに従い、コードを次のように変更しました: &lt;block type="aitcg/template" name="aitcg_js_styles1" template="aitcg/js_styles1.phtml" /&gt; しかし、それでもAbstract.Jsファイルの結果はjs_styles1.phtmlに表示されません レイアウトファイル:http : //pastebin.com/BZGRaiDH js_styles1.phtml:http : //pastebin.com/m85q9eMh onclickボタン=を試していますonclick="setproductlogin('&lt;?php echo $_product-&gt;getEntityId()?&gt;');setrequestlogin();"が、これは.JSファイルでは機能しないため、.jsコードを.phpコードにコピーしようとしているだけです。 &lt;script&gt; _getControlPanelHtml: function() { if (this.config.editorEnabled) { return '&lt;div id="aitcg-control-panel"&gt;' + '&lt;button id="submit-editorApply-{{rand}}" onclick="setproductlogin('&lt;?php echo $_product-&gt;getEntityId()?&gt;');setrequestlogin();"&gt;SAVE DESIGN&lt;/button&gt;' + '&lt;button id="submit-editorReset-{{rand}}" &gt;{{reset_text}}&lt;/button&gt;' + '&lt;/div&gt;'; } return ''; }, &lt;/script&gt; …

1
Magento 2のメインナビゲーション(トップメニュー)javaScriptのカスタマイズ
Magento2のメインナビゲーションに変更を加えようとして、テーマモジュールと空のテンプレートを掘り下げて見ました。これまでのところ、ページにレンダリングされるコンテンツを制御するためのカスタムモジュールを作成しました(サブナビゲーションへのリンクの追加)。ただし、ナビゲーションメニューのjavaScriptがどこにあるのかわかりません。 空白のテンプレートにnavigation.menu.jsファイルがあり、テーマモジュールにmenu.jsがありますが、どちらもメインメニュー用ではないようで、JSを探す場所が他にありません。 ブロックはXMLによって生成され、ナビゲーションはjQuery UIで実行されているように見えるため、検索に使用できるものがあまりありません。これまでは主に、ベーステンプレートに基づいて構築されたカスタムテンプレートをベンダーディレクトリを検索して変更してきましたが、何も表示されません。 私はベーステンプレートに基づいて構築されたカスタムテンプレートでMagento 2.1を実行しています。誰かが私を正しい方向に向けることができれば、それは大きな助けになります。 Edit1: したがって、さらにグーグルしてテストした後、lib / web / mageに2番目のmenu.jsファイルが見つかりましたが、これは適切な場所のようですが、今はそれをオーバーライドできません。 私の新しい情報で、実際にメニューと管理メニューをオーバーライドする例を含むMagento2開発ドキュメントを偶然見つけました。だから私は私のモジュールに以下を追加しました 名前空間/モジュール/view/frontend/require-config.js var config = { map: { '*': { 'menu': 'Test_Topmenu/js/navigation-menu' } } }; 名前空間/モジュール/view/frontend/web/js/navigation-menu.js define([ 'jquery', 'jquery/ui', 'mage/menu' ], function ($) { "use strict"; $.widget('Test_Topmenu.navigationMenu', $.mage.menu, { _init: function () { console.log('new init'); } }); return …

1
Magento_Ui / js / lib / knockout / extender / bound-nodes RequireJS Moduleは何をしますか?
Magento 2のKnockout.jsブートストラップモジュールには、define依存関係を介して次のモジュールが含まれています。 Magento_Ui/js/lib/knockout/extender/bound-nodes 技術的には、このモジュールはko.applyBindingsおよびko.cleanNodeメソッドのラッパーを作成します。これらのラッパーは、特定のビューモデルとノードをプライベートJavaScript WeakMapに隠しておき、内のアイテムにアクセスできるようにする単一のレジストリオブジェクトを返しますWeakMap。 ただし、エンドユーザープログラマーが直面している機能によってこれが可能になるかどうかは明らかではありません。ここの誰かがMagento_Ui/js/lib/knockout/extender/bound-nodesモジュールが実際に何のためにあるのか知っていますか?または、Knockout.jsの内部に十分慣れていて、物事を理解できますか?

1
Magento 2のJavaScriptの$$はどういう意味ですか?
一部のコアMagentoモジュールでは$$、要素を選択するときに常に使用される記号が表示されます。たとえば、わずか10行のコードで、次の異なるセレクターを使用しています。 $('selection-apparently-a-custom-element') $$('#some-element-id') jQuery('#another-element-id') これのポイントは何ですか?

3
Magento 2-読み込みに時間がかかる(jsファイルが多すぎる)
私は現在Magento 2に取り組んでおり、すべてのページの読み込み時間が非常に長いことに気付きました。 私は現在Xamppで実行しており、プロダクションモードが有効、HTML / js / CSSがマージされて縮小されています。ワニスは無効になっており、Webホスティングがサーバーにインストールできないので使用しません。いくつかのスクリプト。親がMagento 2の空白のテーマであるカスタムテーマを使用しています。設定を変更した後、静的ファイルを再デプロイしてキャッシュを空にしました。 私の主な懸念は、ネットワークパネルを見ると、毎回大量のjsファイルがロードされていることがわかります。たとえば、私のカテゴリページでは、122のjsファイルが読み込まれ、合計サイズは955キロです。 私はマージとミニファイなしでサーバーでそれをテストしましたが、上で述べたように、問題はロードされたファイルの量にあると思います。 バンドルオプションを試しましたが、8MBのjsファイルが生成されますが、これはさらに悪いことです。 私は何かを見逃しましたか、それともjsファイルの量がこれだけであるのはいくぶん正常ですか?ワニスは良いパフォーマンスのために必須ですか、そしてそれに代わるものはありますか? 私はMagento 2を初めて使用するので、詳しい情報が必要な場合は、喜んで提供します。

3
MagentoはRequireJSモジュール名をどのように/どこでURLに変換しますか?
Magento 2では、RequireJSを使用して、次のようなコードを持つJavaScriptモジュールを含めることができます。 #File: app/code/Package/Name/view/frontend/requirejs-config.js var config = { map: { '*': { modulename: 'Package_Name/js/path/to/file' } } } 一方でrequirejs-config.jsファイルがMagentoの2魔法のビットで、これは標準RequireJSように見えます。基本的に、短い名前modulenameをという名前のJavaScriptモジュールにマッピングしますPackage_Name/js/path/to/file。 明確でないのは、 Magento 2が上記のJavaScriptモジュール名をどこでどのように変換するかです。 Package_Name/js/path/to/file HTTP(S)URLに //magento.example.com/static/frontend/Magento/luma/en_US/Package_Name/js/path/to/file.js 標準のRequireJSシステムでは、RequireJSは次のURLをロードしようとします //magento.example.com/Package_Name/js/path/to/file.js したがって、上記のURLがMagentoフロントエンドURLに確実に変換されるようにするために、Magentoが何らかの処理を行っていることは明らかです。はっきりしないのは これが起こる場所(PHPレイヤー?JavaScriptレイヤー?) その変換のルールは何ですか。RequireJSモジュールが標準のMagentoファイル識別子(Package_Name::js/path/to/file)のように見えない したがって、Magento 2 / RequireJSはどのように/どこでモジュールをパスに変換しますか?

3
SSLがインストールされたチェックアウトとアカウント領域はまだHTTPSではなくHTTPを使用しています
magento 2 ver 2.0.7を実行しています。HTTPSの問題があります。これがなぜ起こっているのかはよくわかりませんが、Stores-&gt; Config-&gt; Webにあります。セキュリティで保護されたベースURLをhttps://mystore.com/に設定していますが、サイトに移動してチェックアウトページとアカウントページに移動すると、HTTPSに切り替わりません。URLはHTTPを使用するだけなので、これを修正する方法はありますか? .htaccessファイル ############################################ ## uncomment these lines for CGI mode ## make sure to specify the correct cgi php binary file name ## it might be /cgi-bin/php-cgi # Action php5-cgi /cgi-bin/php5-cgi # AddHandler php5-cgi .php ############################################ ## GoDaddy specific options # Options -MultiViews ## you …

3
Magentoで<body>タグを開いた後にコードを追加する方法
私は最近、開始タグのすぐ下にコードをインストールすることを推奨するタグをいくつか見つけました。これは、LiveEngage TagとGoogle Tagmanagerの推奨インストール場所です。 下の終了タグの前にコードを簡単に追加できます General &gt; Design &gt; Footer &gt; Miscellaneous HTML 開始タグの直後に同じ機能を実現するにはどうすればよいですか?

2
massactions.jsを拡張する
新しい管理グリッドシステムを備えた新しいUIモジュールからJavaScriptを拡張する必要があります。デフォルトのUiコンポーネントを拡張するとヒントが得られ、いくつかのコードを設定できました。 # file: app/code/My/Module/view/adminhtml/web/js/gid/massactions.js console.log('new massactions.js'); define([ 'Magento_Ui/js/grid/massactions' ], function (massactions) { console.log('before extend'); return massactions.extend({ defaultCallback: function (action, data) { console.log('custom callback'); } }); }); ご覧のとおり、3つconsole.logありますが、defaultCallback1つは呼び出されていないため、期待どおりにメソッドを上書きしていませんが、定義が読み込まれたことは確認できます。 公平を期すために、追加した新しいアクションにカスタムコールバックを追加したいと思います。元のmassactions.jsには_getCallback、massactionアイテムのコールバックを取得しようとするがありますが(上書きしようとしているdefaultCallbackへのフォールバック)、を使用しても、そこにコールバックを追加することができませんでしたview/ui_component/sales_order_grid.xml。 どんな助けでも大歓迎です。 更新1:を使用してメソッドを上書きできますmassactions.prototype.defaultCallback = function(){}。これが副次的な効果をもたらすかどうかはわからないので、質問は残しておきます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.