你在这里

如何改变覆盖

原文链接:http://drupal.org/node/1087026

 

下面的示例演示如何修改时,一个特定的节点类型(测试)显示内覆盖覆盖。脚本重新大小450px宽覆盖还隐藏一些不必要的项目。

如果你想改变所有的布局,无论是什么,然后overlay.tpl.php将是一个更好的选择。

声明你的钩子:

function mymodule_overlay_child_initialize() {
  // Add our custom JavaScript.
  drupal_add_js(drupal_get_path('module', 'mymodule') . '/overlay-child.js');
}

将代码添加到您的JavaScript文件:

(function ($) {<br />
<br />
&nbsp; // Adjust the overlay dimensions.<br />
&nbsp; Drupal.behaviors.myModule = {<br />
&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp; attach: function (context) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#39;#overlay:not(.mymodule-adjusted)&#39;, context).each(function() {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var $test = $(this).find(&#39;.node-type-test&#39;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ($test.length){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // adjust the overlay<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(this).css({<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;width&#39;&nbsp;&nbsp;&nbsp;&nbsp; : &#39;450px&#39;,<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;min-width&#39; : &#39;450px&#39;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#39;.add-or-remove-shortcuts&#39;, this).hide();&nbsp; // hide &quot;add short-cut&quot; button<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#39;#branding&#39;, this).hide();&nbsp; // hide branding container<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }).addClass(&#39;mymodule-adjusted&#39;);<br />
&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp;&nbsp;<br />
&nbsp; };<br />
<br />
})(jQuery);<br />
<br />
&nbsp;&nbsp;&nbsp;<br />
<br />
<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;&nbsp;&nbsp;