User login

DrupalCamp JQuery Session

Presented by Nat

References

Notes for Intro to jQuery in Drupal session, NYC Drupal Camp 5
http://groups.drupal.org/node/14858

Notes

Javascript used to be adding elements to web pages that if the browser didn't have javascript, they just weren't there.

Graceful degredation now losing favor to Drupal enhancement.

HTML is semantic markup.

modifies the rendered DOM of the page -- it rewrites the HTML on the browser page. That's what allows it to do all of the interactive stuff.

Add style tags within the text of the page.

Which is a great way to do it because the information is still all there

AJAX is a generic term
me: specifically refers to getting new information from the server --- Asynchronous Javascript

JQuery is GPL. It's the only third-party software distributed with Drupal core.

Core CCK has JQuery dropping for

Tabs module:
jQuery UI Tabs
http://drupal.org/project/tabs
You can put all of your field groups into tabs

So now instead of a long page, with the fieldgroups one after another, each of the fieldgroups follows one after the other.

Tab one Tab two Tab three

Cycle is a JQuery plugin.

You download it and install it like any other JavaScript file.
I usually put it in sites/site-working-on/themes/theme-being-used

JQuery and AJAX

The JCarousel module is here
http://drupal.org/project/jcarousel

I don't think it implements AJAX itself, but the JCarousel JQuery plugin the module uses does:
http://sorgalla.com/projects/jcarousel/examples/dynamic_ajax.html

Joe suggested looking at http://timberpeg.com/photos/2

Resolution

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.