DrupalCamp JQuery Session

Submitted by Benjamin Melançon on September 13, 2008 - 2:26pm

Presented by Nat

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

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

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

Comments

Your name: *

E-mail: *

The content of this field is kept private and will not be shown publicly.

Homepage:

Subject:

Comment: *

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.