JavaScript in Launchpad
This page covers everything to do with JavaScript development in Launchpad.
Some useful links:
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);