Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Alternate resources: 

JavaScript in Drupal

Creating Ajax-enabled links in Drupal 7

Video loading...

Transcripts: 
Transcript file: 
4c942f4b-56e6-4e4c-a538-059da7836f6d---eng.srt
Transcript language code: 
eng

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:15
    Besides adding functionality to forms,
  • 0:17
    the Drupal 7 Ajax framework also has the ability to work
  • 0:21
    with any link on your entire site.
  • 0:23
    All that you need to do is add the special class,
  • 0:26
    use-ajax to any link on the entire site,
  • 0:29
    and it will then make Ajax-based requests
  • 0:31
    instead of a normal request.
  • 0:33
    While this sounds pretty simple and straightforward,
  • 0:36
    it's only the first step in putting together a fully Ajax-enabled site.
  • 0:41
    So we're going to run through an example of how to use this Ajax

jQuery and JavaScript in Drupal Series

Loading ...

Creating Ajax-Enabled Links in Drupal 7

Loading...
32 minutes 8 seconds // Drupal 7 // HDCC //

Shows how you can use the ajax framework in Drupal 7 to load additional content onto the page dynamically after clicking on a 'read more' link.

The sample code for this series is in the Downloads tab for the first video in this series: http://drupalize.me/videos/introduction-jquery-and-javascript-drupal#dow.... If you're skipping around, and things aren't working, you may benefit from going back to the beginning and completing each of the videos in order.

Additional resources:
There are no resources for this video. If you believe there should be, please contact us.