Hover Card

Dependencies

Installation

The Hover Card module is very similar to other Drupal modules which require Libraries Module to use for the 3rd party code integration. Hence, for installation of the Hover Card module please follow the below-mentioned steps:

Nano Scrollbar

The documentation for the Nano Scrollbar Module is broken into relevant sections below. It is recommended that you follow the installation instructions as a first step.

Neat Scrollbar

The documentation for the Neat Scrollbar Module is broken into relevant sections below. It is recommended that you follow the installation instructions as a first step.

Setting up jQuery Update for Foundation

The Zurb Foundation base theme requires jQuery 1.7+ to work. Thankfully, we have the excellent jQuery Update module to help out with that.

Installation

Download the theme from the project page and install and enable it.

Configuration

Please refer to the attached screenshot for reference on the settings form.

9. Simple Drupal AJAX load with jQuery and delivery callback

Most AJAX code in the Drupal documentation focuses on traditional json/_get() applications, which require json manipulation of the information when it arrives on the client side. Using the jQuery.load() function you can load HTML from a URL that will render directly in a target element with only a single line of JavaScript code.

The real trick here is to get only the HTML you need instead of rendering the header, footer, and every other element that comes with a full page load. This is where the 'delivery callback' setting in hook_menu comes into play. The 'delivery callback' setting defaults to drupal_deliver_html() which returns a fully rendered HTML page. We need to define our own delivery callback function returning just the HTML we want to render via AJAX on the client side.

jQuery coding standards

Prefix variables that point to jQuery objects with a dollar sign($)

In any part of your code it should be easy to understand which variables are jQuery objects and which are not.

Incorrect

var foo = $('.foo');
var object = { bar: $('.bar') };

Correct

Pages

Subscribe with RSS Subscribe to RSS - jquery