モジュールの外部.jsファイルコードをテンプレート[phtml]ファイルに移動する

以下のコードを持つカスタムモジュールがあります

app/design/frontend/rwd/Theme1/layout/aitcg.xml

<action method="addJs"><script>aitoc/aitcg/Aitcg/View/Abstract.js</script></action>

我々は、この.JSファイルにPHPコードを使用することはできません、我々はからのコード存在を移動することができますどのような方法がありAbstract.js、一部には、ファイル.phtmlのファイルは？

編集する

私はラファエルの答えに従い、コードを次のように変更しました：

<block type="aitcg/template" name="aitcg_js_styles1" template="aitcg/js_styles1.phtml" /> 

しかし、それでもAbstract.Jsファイルの結果はjs_styles1.phtmlに表示されません

レイアウトファイル：http : //pastebin.com/BZGRaiDH

js_styles1.phtml：http : //pastebin.com/m85q9eMh

onclickボタン=を試していますonclick="setproductlogin('<?php echo $_product->getEntityId()?>');setrequestlogin();"が、これは.JSファイルでは機能しないため、.jsコードを.phpコードにコピーしようとしているだけです。

<script>

_getControlPanelHtml: function()
    {
        if (this.config.editorEnabled) {
            return '<div id="aitcg-control-panel">' +
                '<button  id="submit-editorApply-{{rand}}" onclick="setproductlogin('<?php echo $_product->getEntityId()?>');setrequestlogin();">SAVE DESIGN</button>' +
                '<button  id="submit-editorReset-{{rand}}" >{{reset_text}}</button>' +
                '</div>';
        }
        return '';
    },

    </script>

テンプレートパスのヒントを確認すると、phtmlファイルが読み込まれますが、JSコードの結果がフロントエンドに表示されません。しかし、他のhtml、php、jsコードの結果が表示されています。

コンソール

どのようにそれを見つけるには、外部のjsライブラリをロードする必要がありますか？

編集2

私はjs_styles1.phtmlファイルで以下のコードを試しましたが、それでも機能しません

<script type="text/javascript" src="http://sbdev2.kidsdial.com:81/js/aitoc/aitcg/Aitcg/View/Abstract.js"></script>

<?php echo $this->getChildHtml() ?>がで呼び出されてhead.phtmlいることを確認してください。

このコードが存在しない場合は、head.phtmlにこのコードを追加する必要があります

更新

次の問題が発生しました

別のjsファイルへのjsファイルへのjs依存関係

ここでaitoc / aitcg / Aitcg / View / Popup.js、aitoc / aitcg / Aitcg / View / Gallery.jsなどはaitcg / js_styles.phtmlの jsコードに依存します

あなたがこのAbstract.jsをjs_styles.phtmlに置いたので、これjs file properly have calling after

    aitoc/aitcg/Aitcg/View/Popup.js
    aitoc/aitcg/Aitcg/View/Gallery.js
    aitoc/aitcg/Aitcg/View/Gallery_Rwd.js
    aitoc/aitcg/Aitcg/Editor/Canvas/Abstract.js
    aitoc/aitcg/Aitcg/Editor/Canvas.js
    aitoc/aitcg/Aitcg/Editor/Canvas/Mirror.js
    .....
   ...
    aitoc/aitcg/raphael.js
    aitoc/aitcg/jscolor/jscolor.js
    aitoc/aitcg/rgbcolor.js
    aitoc/aitcg/canvg.js

つまり 、このjsコードはすべての aitoc jsファイルの後にあるため、aitocのすべてのjsファイルは取得さ properly of js_styles.phtmlれません。

解決：

Aitocレイアウトハンドラーのすべてのjsファイルを削除<catalog_product_view>

js_styles.phtmlでそれらすべてのjs filsを手動でコーディングします

<!--  code of aitoc/aitcg/Aitcg/View/Abstract.js -->

....
<!--  end of aitoc/aitcg/Aitcg/View/Abstract.js -->


<?php
/* check current page is product */
if(Mage::app()->getFrontController()->getAction()->getFullActionName() =='catalog_product_view'){  ?>

<script type="text/javascript" src="<?php echo $this->getJsUrl('aitoc/aitcg/Aitcg/View/Popup.js')?>"></script>
<script type="text/javascript" src="<?php echo $this->getJsUrl('aitoc/aitcg/Aitcg/View/Gallery.js')?>"></script>
....
<script type="text/javascript" src="<?php echo $this->getJsUrl('aitoc/aitcg/Aitcg/AreaEditor.js')?>"></script>
<script type="text/javascript" src="<?php echo $this->getJsUrl('aitoc/aitcg/raphael.js')?>"></script>
...
<script type="text/javascript" src="<?php echo $this->getJsUrl('aitoc/aitcg/canvg.js')?>"></script>
<?php } ?>

代わりに、代わりにphtmlファイルを使用できます。

<action method="addJs"><script>aitoc/aitcg/Aitcg/View/Abstract.js</script></action>

と：

<block type="core/template" name="custom.js" template="my/custom/template.phtml" />

次に、JSをそのphtmlファイルに移動し、PHPの変更を加えて微調整します。

私はあなたの質問を理解しているので、あなたはあなたのjsコードをphtmlにコピーしたいです

したがって、以下の手順に従ってください

あなたはすでにPHTMLファイルとそのフロントエンドでのレンダリングを作成したので

まず、JSレンダリング用のXMLコードをコメント/削除します。

JSコードをスクリプトTAG内のPHTMLファイルにコピーする

例として。

<script>
 your js file code here 
</script> 

ヘッドファイルから貼り付けた実際のJavaを削除します。

jsファイルの場所に応じて、これらのいずれかをphtmlファイルの先頭に貼り付けます。

Magentoのベースjsファイルにある場合は、これを使用してください：

<script src="<?php echo  Mage::getBaseUrl(); ?>aitoc/aitcg/Aitcg/View/Abstract.js" type="text/javascript"></script>

または、スキンのjsフォルダーにある場合は、次のようにします。

<script src="<?php echo $this->getSkinUrl(); ?>js/aitoc/aitcg/Aitcg/View/Abstract.js" type="text/javascript"></script>

これを実現するには、config変数を使用してPHPコード変数をJSコードに渡すことができます。以下の行をファイルapp / design / frontend / rwd / Theme1 / template / aitcg / view / options / ‌ type / cgfile.phtmlに追加します

isUserLoggedIn : '<?php echo (Mage::getSingleton('customer/session')->isLoggedIn())? "true": "false"; ?>',

行の後、

jsUrl: '<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS);?>',  
editorEnabled: true,

これで、この変数isUserLoggedInを使用して、ユーザーがJSコードにログインしているかどうかを確認できます。
あなたのJS関数を更新しますinitObserversから、

initObservers: function() 
{ 
if (this.config.editorEnabled) { 
$('submit-editorApply-' + this.config.rand).observe('click', this.submitApply.bindAsEventListener(this)); 
$('submit-editorReset-' + this.config.rand).observe('click', this.submitReset.bindAsEventListener(this)); 
} 
},

に

initObservers: function() 
{ 
if (this.config.editorEnabled && this.config.isUserLoggedIn == 'true') { 
$('submit-editorApply-' + this.config.rand).observe('click', this.submitApply.bindAsEventListener(this)); 
$('submit-editorReset-' + this.config.rand).observe('click', this.submitReset.bindAsEventListener(this)); 
} 
},

ゲストユーザーが[Save Design]ボタンをクリックすると、デザインは保存されず、コードで使用したログインポップアップが開きます。

<div onclick="return setproductlogin(\'<?php echo Mage::registry("current_product")->getId()?>\');setrequestlogin();"> 
<button class="button btn-cart">Save design</button> 
</div>