How to use JavaScript variable in Haml?

Question

I have a javascript function (available on all pages as it's included in application.js) that detects if the browser has Flash support and outputs true or false.

Now, I want to show a flash based price chart if true and a HTML/Javascript based chart if false.

At the top of a Haml page I try to pass the result of the javascript function to HAML like this:

:javascript
  if (browserHasFlashSupport())
    #{showFlashChart = true}

And use it in Haml further down on the page like this:

- if showFlashChart
    # show flash chart
- else
    # show html/js chart

But I can't get it to work as the ruby variable showFlashChart is "true" no matter what - but in console, the javascript function browserHasFlashSupport() returns true/false like it should, so I must be doing something wrong.

I guess it would probably be the best solution just to use the javascript functions "return true/false" directly in HAML like - if browserHasFlashSupport() if that's possible and the "right" way to do it?

I'd appreciate any help, thanks :-)

PS. Any tips on how to avoid the usage of inline javascript in my HAML file would be very welcome too.

Thanks @BenjaminSinclaire but I need to do it the other way round - send a variable/function output from js to ruby (Haml). — rassom
– rassom, Commented Jul 26, 2014 at 10:43

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

The problem of your solution:

Your javascript function has to be run in a client's browser to detect if it has flash support.

Here is what happens when a user wants to get a page from your site:

User's browser sends request to your server.
Your server handles the request, compiles views(e.g. HAML). Also rails adds <script> tags to the output html page. These tags will contain urls to your scripts (defined in application.js or others). Then the server responds with this html page.
User's browser loads compiled page from your sever.
The browser sees the <script> tags and automatically downloads javascript sources from specified urls.
And only now in the clients browser your javascript functions may be run.

You see that your haml template was rendered on the step 2 and your javascript function may be run only on step 5.

That is a lot simplified case. But it is impossible to make step 5 to precede step 2 (without use of ajax or cookies). That is why your way is impossible.

Hope this is quite descriptive.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jul 26, 2014 at 10:27

nsave

9849 silver badges27 bronze badges

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

1 Comment

rassom Over a year ago

That makes great sense. Thanks! I'll use a cookie, I think.

Collectives™ on Stack Overflow

How to use JavaScript variable in Haml?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related