Short way to include CSS and javascript tags with HAML

Question

When including javascript or CSS in HAML you would normally have to do the following to include CSS:

%link{:type => "text/css", :rel => "stylesheet", :href => "/css/mycss.css"}

And for javascript:

%script{:type => "text/javascript", :src => "/js/myscript.js"}

I was wondering if HAML does not have a short way of including these tags (to get content from a source of course, not inline), that omits the need for the type and rel attributes, since these are invariable anyway.

Note that Ruby on Rails provides this feature via a function, but I'm not using rails.

Ven · Accepted Answer · 2013-05-02 09:34:40Z

30

You don't need the script's type attribute, and you can use the html syntax

%script(src="/js/myscript.js")

you could always create a "helper" to generate it if you feel like it

answered May 2, 2013 at 9:34

Ven

19k2 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jesse Dupuy · Accepted Answer · 2015-10-31 20:16:13Z

1

I think what Ven was talking about might be something like...

# For CSS files...
def styletag(:sheet_name)
  "<link rel='stylesheet' href='/styles/#{:sheet_name}.css'>"
end

# For js files...
def jstag(:script_name)
  "<script src='/js/#{:script_name}.js'></script>"
end

Then, in your template, you can use them something like this:

- styletag "mystyles"
- jstag "myscript"

answered Oct 31, 2015 at 20:16

Jesse Dupuy

1,7581 gold badge11 silver badges14 bronze badges

Collectives™ on Stack Overflow

Short way to include CSS and javascript tags with HAML

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related