How do I include inline JavaScript in Haml

Question

How can I write something like this to include in a template  but in Haml    lt script gt    document  ready  function          body   addClass   test           lt  script gt

User · Answer

So i tried the above  javascript which works    However HAML wraps the generated code in CDATA like so    lt script type  text javascript  gt       lt   CDATA        document  ready  function               body   addClass   test                     gt   lt  script gt    The following HAML will generate the typical  tag for including  for example  typekit or google analytics code      script  type  gt  text javascript       your code goes here - dont forget the indent

User · Answer

javascript       document  ready  function              body   addClass   test                Docs  http   haml info docs yardoc file REFERENCE html javascript-filter

User · Answer

You can actually do what Chris Chalmers does in his answer  but you must make sure that HAML doesn t parse the JavaScript  This approach is actually useful when you need to use a different type than text javascript  which is was I needed to do for MathJax    You can use the plain filter to keep HAML from parsing the script and throwing an illegal nesting error    script type   text x-mathjax-config      plain     MathJax Hub Config         tex2jax            inlineMath

User · Answer

I m using fileupload-jquery in haml  The original js is below    x000D   x000D   lt  -- The template to display files available for download -- gt  x000D   lt script id  template-download  type  text x-tmpl  gt  x000D       for  var i 0  file  file o files i   i         x000D       lt tr class  template-download fade  gt  x000D           if  file error       x000D           lt td gt  lt  td gt  x000D           lt td class  name  gt  lt span gt    file name   lt  span gt  lt  td gt  x000D           lt td class  size  gt  lt span gt    o formatFileSize file size    lt  span gt  lt  td gt  x000D           lt td class  error  colspan  2  gt  lt span class  label label-important  gt    locale fileupload error   lt  span gt     locale fileupload errors file error     file error   lt  td gt  x000D               else      x000D           lt td class  preview  gt    if  file thumbnail url       x000D             lt a href     file url    title     file name    rel  gallery  download     file name    gt  lt img src     file thumbnail url    gt  lt  a gt  x000D                    lt  td gt  x000D           lt td class  name  gt  x000D             lt a href     file url    title     file name    rel     file thumbnail url amp  amp  gallery     download     file name    gt    file name   lt  a gt  x000D           lt  td gt  x000D           lt td class  size  gt  lt span gt    o formatFileSize file size    lt  span gt  lt  td gt  x000D           lt td colspan  2  gt  lt  td gt  x000D                  x000D         lt td class  delete  gt  x000D           lt button class  btn btn-danger  data-type     file delete type    data-url     file delete url    gt  x000D             lt i class  icon-trash icon-white  gt  lt  i gt  x000D             lt span gt    locale fileupload destroy   lt  span gt  x000D           lt  button gt  x000D           lt input type  checkbox  name  delete  value  1  gt  x000D         lt  td gt  x000D       lt  tr gt  x000D              x000D   lt  script gt  x000D   x000D   x000D    At first I used the  cdata to convert  from html2haml   it doesn t work properly  Delete button can t remove relevant component in callback     x000D   x000D   lt script id  template-download  type  text x-tmpl  gt  x000D         lt   CDATA  x000D               for  var i 0  file  file o files i   i         x000D             lt tr class  template-download fade  gt  x000D               if  file error       x000D             lt td gt  lt  td gt  x000D             lt td class  name  gt  lt span gt    file name   lt  span gt  lt  td gt  x000D             lt td class  size  gt  lt span gt    o formatFileSize file size    lt  span gt  lt  td gt  x000D             lt td class  error  colspan  2  gt  lt span class  label label-important  gt    locale fileupload error   lt  span gt     locale fileupload errors file error     file error   lt  td gt  x000D                 else      x000D             lt td class  preview  gt    if  file thumbnail url       x000D             lt a href     file url    title     file name    rel  gallery  download     file name    gt  lt img src     file thumbnail url    gt  lt  a gt  x000D                    lt  td gt  x000D             lt td class  name  gt  x000D             lt a href     file url    title     file name    rel     file thumbnail url amp  amp  gallery     download     file name    gt    file name   lt  a gt  x000D             lt  td gt  x000D             lt td class  size  gt  lt span gt    o formatFileSize file size    lt  span gt  lt  td gt  x000D             lt td colspan  2  gt  lt  td gt  x000D                    x000D             lt td class  delete  gt  x000D             lt button class  btn btn-danger  data-type     file delete type    data-url     file delete url    gt  x000D             lt i class  icon-trash icon-white  gt  lt  i gt  x000D             lt span gt    locale fileupload destroy   lt  span gt  x000D             lt  button gt  x000D             lt input type  checkbox  name  delete  value  1  gt  x000D             lt  td gt  x000D             lt  tr gt  x000D                    x000D           gt  x000D       lt  script gt  x000D   x000D   x000D    So I use  plain filter    x000D   x000D   script template-download  type   gt   text x-tmpl   x000D     plain x000D         for  var i 0  file  file o files i   i         x000D       lt tr class  template-download fade  gt  x000D         if  file error       x000D       lt td gt  lt  td gt  x000D       lt td class  name  gt  lt span gt    file name   lt  span gt  lt  td gt  x000D       lt td class  size  gt  lt span gt    o formatFileSize file size    lt  span gt  lt  td gt  x000D       lt td class  error  colspan  2  gt  lt span class  label label-important  gt    locale fileupload error   lt  span gt     locale fileupload errors file error     file error   lt  td gt  x000D           else      x000D       lt td class  preview  gt    if  file thumbnail url       x000D       lt a href     file url    title     file name    rel  gallery  download     file name    gt  lt img src     file thumbnail url    gt  lt  a gt  x000D              lt  td gt  x000D       lt td class  name  gt  x000D       lt a href     file url    title     file name    rel     file thumbnail url amp  amp  gallery     download     file name    gt    file name   lt  a gt  x000D       lt  td gt  x000D       lt td class  size  gt  lt span gt    o formatFileSize file size    lt  span gt  lt  td gt  x000D       lt td colspan  2  gt  lt  td gt  x000D              x000D       lt td class  delete  gt  x000D       lt button class  btn btn-danger  data-type     file delete type    data-url     file delete url    gt  x000D       lt i class  icon-trash icon-white  gt  lt  i gt  x000D       lt span gt    locale fileupload destroy   lt  span gt  x000D       lt  button gt  x000D       lt input type  checkbox  name  delete  value  1  gt  x000D       lt  td gt  x000D       lt  tr gt  x000D              x000D   x000D   x000D    The converted result is exactly the same as the original   So  plain filter in this senario fits my need       plain Does not parse the filtered text  This is useful for large blocks of text without HTML tags  when you don   t want lines starting with   or - to be parsed    For more detail  please refer to haml info

[javascript] How do I include inline JavaScript in Haml?

Examples related to javascript

Examples related to jquery

Examples related to haml