[Sommaire] [Imprimer]

   1  <!--
   2  /**

   3   * @package documentation

   4   * @copyright Copyright 2003-2006 Zen Cart Development Team

   5   * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

   6   * @version $Id: read_me_jscript.html 3273 2006-03-27 16:48:29Z drbyte $

   7   */
   8  //-->

   9  <html>
  10  <style type="text/css">
  11  <!--
  12  body, table{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
  13  table.intro {border-color:C96E29; }
  14  td.intro{background-color:#EEEEEE ; border-color:5778ce; font-size:14px; }
  15  td.plainbox, div.callout {border: 1px dashed; border-color: C96E29; margin:5 40 5 40;}
  16  .heading {background-color:5778CE; font-weight:bold; font-size:14px;    width: 100%; }
  17  
  18  .title1 {color:C96E29; font-weight:bold; font-size:22px; }
  19  .title2 {color:C96E29; font-weight:bold; font-size:13px; }
  20  .small {font-size:10px ;}
  21  .error {color:FF0000; }
  22  .filename {font-family: mono, "Courier New", Courier ; font-size:14px; color: c96e29;}
  23  .pseudolink {text-decoration:underline; color:5778CE;}
  24  h1.intro { color: #ffffff; border:1px solid #aca893; background-color: #c96e29;  font-size: 22px;   padding: 4px;}
  25  h1 { color: #ffffff;    border:1px solid #aca893;   background-color: #5778ce;   font-size: 20px;   padding: 4px;}
  26  h2 { color: #c96e29;     font-size: 18px;}
  27  h3 { color: #5778ce;    font-size: 16px; margin-bottom:0px;}
  28  h4 { color: #c96e29;    font-size: 14px;}
  29  .style1 {color: #CC0000}
  30  .style2 {color: #0033FF}
  31  -->
  32  </style>
  33  <title>JScript Overrides in Zen Cart(tm)</title>
  34  <h1><strong>JavaScript Override How-To</strong> </h1>
  35  <h2>Site-Wide jscript's</h2>
  36  <h3>jscript*.js files -- to be &quot;linked&quot; by your site </h3>
  37  <p>Any file in the <code class="filename">includes/templates/<span class="style2">{template_directory}</span>/jscript/</code> directory with the following filename format will be loaded globally on every page of your shop: <br />
  38  <code class="filename">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>jscript_<span class="style1">{unique_name}</span>.js</strong></code><br />
  39  <em>(where <span class="style1">{unique_name}</span> can be anything you want) </em><br />
  40  <br />
  41  <br />
  42  Effectively, the file will be loaded as if you had inserted the following into an HTML page:<br />
  43  
  44  <br />
  45  <code class="filename">&lt;script language=&quot;javascript&quot; src=&quot;includes/templates/<span class="style2">{template_directory}</span>/jscript/jscript_<span class="style1">{unique_name}</span>.js&quot;&gt;&lt;/script&gt;</code><br />
  46  </p>
  47  <h3>jscript*.php files -- to be &quot;included&quot; in your HTML content sent to the browser, inline.</h3>
  48  <p>If you need to control the content of certain PHP variables inside jscript code on the page, OR if you need to include several &lt;script&gt;...&lt;/script&gt; tags, use a jscript_*.<strong>php</strong> file instead. <br />
  49  However, <span class="style1">in this case, <strong>you DO need to include</strong></span> the <span class="filename">&lt;script .... &gt;</span> and <span class="filename">&lt;/script&gt;</span> tags in the file. </p>
  50  <p>&nbsp; </p>
  51  <h2>Page-Specific jscript's</h2>
  52  <p>For page-specific operation, put the file under the <code class="filename">/includes/modules/pages/{pagename}/</code> folder. </p>
  53  <h3>jscript*.js files -- to be &quot;linked&quot; by your site </h3>
  54  <p>NOTE: <span class="style1">jscript_*.js</span> files must <strong>not</strong> contain any <code class="filename">&lt;script...&gt; .... &lt;/script&gt;</code> tags. <span class="style1">They should contain ONLY the contents that are to go &quot;between&quot; those tags. <br />
  55  </span></p>
  56  <h3>jscript*.php files -- to be &quot;included&quot; in your HTML content sent to the browser, inline.</h3>
  57  <p>If you need to control the content of certain PHP variables inside jscript code on the page, use a jscript_*.<strong>php</strong> file.<br />
  58  However, <span class="style1">in this case, you <strong>DO need to include</strong></span> the <span class="filename">&lt;script .... &gt;</span> and <span class="filename">&lt;/script&gt;</span> tags in the file. </p>