• Immutable Page
• Info
• Attachments
• More Actions: Raw Text Print View Render as Docbook Delete Cache ------------------------ Check Spelling Like Pages Local Site Map ------------------------ Rename Page Delete Page ------------------------ Subscribe User ------------------------ Remove Spam Revert to this revision Package Pages Sync Pages ------------------------ Load Save SlideShow

JavaScript in Launchpad

This page covers everything to do with JavaScript development in Launchpad.

Some useful links:

• JavaScriptReviewNotes

• TestingJavaScript

• JavaScriptBuildSystem

• See all the JavaScript-related pages on the wiki

Zope, JavaScript, and YUI3 Gotchas

Zope's TAL engine is clever, and helpfully breaks any <script> nodes in your template. Here's how to make the TAL interpreter do the right thing:

<js tal:replace="structure <script>...</script>" />

Zope3 forms have field names with dots in them, like this:

  <input id="field.action.visibility" name="field.action.visibility" type="hidden"/>

This is probably invalid by the W3C identites specification, and makes it impossible to select nodes with CSS3 selectors, and YUI3's Y.get() function.

This will return null:

  Y.get('#field.action.visibility');

You can take advantage of Y.get()'s node-wrapping abilities to work around this. These all return a Node instance:

  Y.get(Y.DOM.byId('field.action.visibility'));
  Y.get(document.getElementById('field.action.visibility'));
  Y.get("#someform input[name='field.action.visibility']");

Sometimes you need to pass a raw DOM node into another JavaScript library. But YUI3's Y.get() function returns a YUI3 Node instance, which is incompatible.

You can unwrap the Node instance like this:

  var yui_node = Y.get('#foo');
  var raw_node = Y.Node.getDOMNode(yui_node);

CategoryCategory