JQuery

By shane
2015-05-10 09:08
3 comments
Daily Dose of Drupal Episode #207

Taking a content type and displaying it in a Drupal View is core to any Drupal website. If you are new to views, you can check out our Drupal views video. As you venture into views you will learn hundreds of ways to manipulate content to change the way the end user is able to interact with the content. To help enhance this, you can use the Views Isotope module. This module uses the jQuery isotope library to dynamically filter views content. As the title states, it’s pretty fancy.

By adam
2014-10-15 07:36
6 comments
Daily Dose of Drupal Episode #173

In episode 173 you learn about how to make a simple countdown timer using the jQuery Countdown Timer module. This module, which uses jQuery, allows you to specify an end date which the countdown timer will countdown to. The countdown timer is available as a block and can be placed in any region that you desire for your website. Also, at this recording their was a minor bug that didn't allow for countdown dates to extend beyond 100 days (wouldn't display the third digit).

By adam
2014-08-21 06:47
0 comments
Daily Dose of Drupal Episode #163

In part 2 of the multiple views series you will learn how to add the jQuery needed to switch between multiple classes. By having the ability to use multiple classes, we will (in part 3) be able to use CSS to change the look and feel of the same view.

Here is the jQuery code used to switch between grid and list view:

By adam
2014-08-14 06:50
4 comments
Daily Dose of Drupal Episode #162

In this episode, you will learn how to set up the foundation of building a view that can display content in multiple ways. This video highlights how to set up the content type and view to display the content. In the coming videos in this series, you will learn how to style and apply jQuery to change how the view displays the content.

Need help learning views? Look at our Drupal views intro.

By adam
2014-04-24 08:06
2 comments
Daily Dose of Drupal Episode #144

In this first episode from Adam (follow on twitter @adamlearing), you learn more about the Drupal AddThis module.

In this episode you will learn:

  • How to configure the Add This module with multiple social networks
  • How to integrate the Add This Smart Layers code within your site
By shane
2013-03-25 22:56
0 comments
Daily Dose of Drupal Episode #131

The Drupal 7 Floating Block module makes it easy to float a Drupal block along the sidebar as you scroll down the page. It uses a simple CSS selector to determine which blocks to float.

In this episode you will learn:

  • How to install and configure the Drupal 7 Floating Block module
  • How to determine the CSS selector to use for your block
  • How to get a Drupal block to float as you scroll down the page
By shane
2013-02-28 15:42
5 comments
Daily Dose of Drupal Episode #117

The Drupal 7 jQuery SelectBox module is a simple module that makes HTML select boxes easier to style. It replaces the HTML form select element with easier to style HTML markup.

In this episode you will learn:

  • How to download and install the jQuery SelectBox module
  • What the jQuery SelectBox module is doing in the background to make the select boxes on the site continue to work correctly

Thanks to Drupalize.me for sponsoring this episode.

By shane
2013-01-24 00:03
2 comments
Daily Dose of Drupal Episode #94

In this Daily Dose of Drupal episode, we really go for a double dose as we look at two modules that have very similar functionality. We first look at the Drupal 7 Scroll to Top module and see how it can be used to create a nice button that scrolls to the top of the page using JavaScript. We then look at the Drupal 7 Back to Top module to see how it differs. These modules do different things but they have different settings/configuration options that make them unique.

By LeonRevill
2012-11-26 09:37
13 comments

Tutorial by Leon Revill from Revill Web Design. I work with PHP, jQuery, HTML, CSS and mySQL every day and pass my knolwedge on through my web development blog

jQuery form validation using JSON object and PHP

There are no shortage of examples or tutorials showing you how to validate a form using jQuery and PHP but not many utilize the JSON object the most efficient way. This tutorial will also use Twitter Bootstrap to provide the UI elements and HTML layout for the tutorial.

By shane
2012-06-11 09:54
2 comments

As a follow up and update to a post I wrote on Adding Javascript to your Drupal 6 module, I figured I would write a quick post on doing the same thing in Drupal 7.

It starts with adding the following line to your modules .info file (rename MYMODULE to your module name or the name you want to give to your javascript file):


scripts[] = MYMODULE.js

The next step is to create the MYMODULE.js file. The general template of the javascript file looks like:

(function ($) {
By shane
2011-08-03 14:01
0 comments

I recently ran across a problem where I needed to handle user input in a textfield in real-time. What I needed to do in my situation was to perform an AJAX call to my Drupal site as the user was typing into a textfield (to see if that value was available in the database). The main problem was that there were a few easy options for doing this in JQuery, but most of them were not good enough. Here are two of the options I tried.

Subscribe to JQuery