hook_overlay_child_initialize

7 overlay.api.php	`hook_overlay_child_initialize()`
8 overlay.api.php	`hook_overlay_child_initialize()`

Allow modules to act when an overlay child window is initialized.

The child window is initialized when a page is displayed from within the overlay, so modules can act here if they need to take action to work from within the confines of the overlay.

1 function implements hook_overlay_child_initialize()

1 invocation of hook_overlay_child_initialize()

File

modules/overlay/overlay.api.php, line 33: Hooks provided by Overlay module.

Code

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

Comments

How to alter the overlay

Posted by altrugon on February 17, 2011 at 11:33pm

The following example shows how to modify the overlay when a specific node type (test) is displayed inside the overlay. The script re-size the overlay to 450px wide and also hide some unwanted items.

If you want to alter all the layouts no matter what, then overlay.tpl.php would be a better choice.

Declare your hook:

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

Add the code to your JavaScript file:

(function ($) {

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

})(jQuery);

Related topics