Getting started with AJAX in Drupal 5.x
Sample code and slides now online here. Enjoy!
Ever wanted to add a little AJAX goodness to your Drupal projects but didn't know where to start? This session will introduce developers to surprisingly easy ways to integrate JavaScript, JQuery and Drupal. JQuery and Drupal are a great match and make it almost easy as pie to implement some great "next generation" features. I've recently had occasion to teach myself how to use the JQuery library with Drupal 5 and although it was a bit confusing at first, it's quite simple and very powerful once you get the hang of it. I'm by no means a JavaScript or AJAX expert, but I've got it doing everything that I needed it to. The goal of this session is to save folks the headaches and confusion of getting started with AJAX and Drupal.
The proposed topics I would cover:
* Introduction (terms, concepts)
* Integrating generic javascript into Drupal
* Tour of some of Drupal's built-in Query functionality (autocomplete, etc)
* Several ways to say "hello world!" using Drupal 5.x and JQuery
* Interface and display functionality (fade, slide, etc)
* Drupal meets AJAX - using JQuery to talk to Drupal callbacks
* Taking it further - tips, tricks and fancy footwork
All code used in the demos and all presentation slide html will be made available to all Drupal Camp attendees under GPL 2.
- Login to post comments
- by Steve McNabb
Comments
Broken links
Hey,
The links to the sample code and the slides are broken
can someone please repost
thx
Files are back
Sorry about that -- files are back.
Files not online anymore?
Links at f5sitedesign.com/drupalcamp return File Not Found errors. :-(
I'm learning a little just from the proposed topics though... ;-)
benjamin, Agaric Design Collective
Drupal and Ajax
For anyone interested in this topic, I just created another tutorial on how to create your own custom Ajax goodness in Drupal 5.0. The tutorial is called Drupal and Ajax : A complete Tutorial.
I hope this helps!
Thanks,
Travis.
Ajax slides online
Along with the sample code, the slides are now online for this talk over here.
Cheers,
Steve
people
mortgage market
market mortgage
option one mortgage
mortgage one option
poor credit mortgage
credit mortgage poor
mortgage uk
home mortgage refinance loan
home loan mortgage refinance
mortgage net branch
branch mortgage net
mortgage refinance second
florida reverse mortgage
florida mortgage reverse
mortgage refinance thehomemortgageguide.com
texas reverse mortgage
mortgage reverse texas
american home mortgage
mortgage nd
nevada reverse mortgage
mortgage nevada reverse
ameriquest mortgage
chicago mortgage
mortgage chicago
bad credit mortgage refinancing
michigan mortgage
carmichael mortgage reverse
hawaii mortgage
diego mortgage reverse san
missouri mortgage
cameron mortgage park reverse
mortgage reverse wisconsin
wisconsin reverse mortgage
mortgage rate refinancing
mortgage refinancing rate
folsom mortgage reverse
home mortgage uk
el macero mortgage reverse
miami mortgage
first mortgage
colorado mortgage
diego mortgage san
dallas mortgage
mortgage dallas
interest mortgage
mortgage interest
california mortgage rate
refinance home mortgage rate
home mortgage rate refinance
in mortgage rate
too bad this is on Friday
too bad this is on Friday and I have a day long meeting at work.
Is there going to be any slides, notes, reference material available online afterwards?
I second that
Too bad, indeed. I was looking forward to this session, but something else came up so I unfortunately can't attend DrupalCamp on Friday
All slides & code will be posted
Hi folks:
Yes, the full side set (as html), the custom drupal 5 module that contains demo code and all of its associated javascript will be posted online for any and all to fold, spindle and mutilate as you like under GPL 2.
We'll post it here once Drupalcamp is over.
Cheers,
Steve
For me, the last two bullet
For me, the last two bullet points are much more important than the intro to AJAX stuff. JQuery is pretty simple on its own, but I've had difficulty with telling Drupal to not return a themed page (just the bit of data that the ajax wants) and submitting forms using AJAX and the Form API.
--
Dan Kurtz
http://brickswithoutclay.com
Re: For me, the last two bullet
Thanks for the feedback. The talk is really directed at those looking to get started rather than those looking for more advanced applications of JQuery, but to hopefully answer your questions:
To pump out a non-themed blob of html for display under an AJAX-driven interface do something like so:
function _my_ajax_menu_callback() {
$output = "I Like Pie!";
print $output;
exit;
}
Not sure exactly what problems you're having w/ the Forms API but if you want something other than the regular old #autocomplete stuff, just bind your javascript to the form elements in the ready() function
Cheers,
Steve