Ruby: Way to change <div> visibility, avoiding JavaScript

Question

I am looking for a nice way to change the visibility of an HTML div.

The probably most common way to do this, is by using JavaScript, since it can manipulate my DOM. In my current project, I prefer not to use any JavaScript, so here is my question:

Is there another way to solve this, by using technologies like Ruby or Sass?

I am using in my project Ruby + the Sinatra Framework, as well as Haml and Sass.

I know the JS way would be: ` ... { document.getElementById("visible").style.visibility = "hidden"; } ... ` — T.Lange
– T.Lange, Commented Nov 22, 2012 at 19:34
Do you want to do it dynamically, after the user has loaded the page, or while the page is being served? If it's after the page has been served and the browser is displaying it, then this isn't a Ruby question, it's purely JavaScript. — the Tin Man
– the Tin Man, Commented Nov 22, 2012 at 19:37
Javascript will not manipulate your stylesheet but the dom tree loaded in the browser. Without using javascript you can use sessions and reload page, letting the display of the div logic at server side. — Eric
– Eric, Commented Nov 22, 2012 at 19:39
After the page has loaded and without using javascript will not be possible unless you refresh your page every x seconds ... — Intrepidd
– Intrepidd, Commented Nov 22, 2012 at 19:44
display: none is usually the preferred way of hiding an element as it completely removes the element instead of leaving a gaping hole like visibility: hidden does. There is an element in HTML5 (details) that has a show/hide behavior, but it should only be used if it is appropriate semantic-wise (support is poor at the moment: Chrome/Safari only). — cimmanon
– cimmanon, Commented Nov 22, 2012 at 19:48

Sayuj · Accepted Answer · 2012-11-22 20:58:09Z

1

I am not sure with HAML syntax. Whether the below fit for you need?

- if hide_div?
  %div {:style=> "display:none;"}
- else
  %div {:style=> "display:block;"}
- end

answered Nov 22, 2012 at 20:58

Sayuj

7,65214 gold badges62 silver badges76 bronze badges

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

Collectives™ on Stack Overflow

Ruby: Way to change <div> visibility, avoiding JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related