Caja CSS and Javascript Issues

Date: April 17, 2009 / Project: GS

A list of known Caja limitations maintained by Yahoo! are available at: http://developer.yahoo.com/yap/guide/what-are-cajas-limitations.html

• 1. Spelling/grammer errors in Javscript and CSS will cause the application not to render
  • Example: .main {font-size:4p} - should be '4px' not '4p'

• 2. Using numerical characters in CSS class names is not supported
  • Example: .5_start {..} - does not work
  • Solution
    • .five_star {..} - works

• 3. XML Object returned using AJAX cannot be manipulated
  • Solution
    • Write your own XML parser (as we did)

• 4. Set innerHTML cannot be used with IMG tag that has a non-empty SRC attribute
  • Solution
    • Use CSS to represent the images and use innerHTML to set the item to a DIV with a classname