How do I call a JavaScript function from an html.erb

Question

How do I call a JavaScript function from html.erb

in application.js

function displayClock() {
  var digital = new Date();
  var hours = digital.getHours();
  var minutes = digital.getMinutes();
  var seconds = digital.getSeconds();
  var amOrPm = 'AM';
  if (hours > 11) amOrPm = 'PM';
  if (hours > 12) hours = hours - 12;
  if (hours == 0) hours = 12;
  if (minutes <= 9) minutes = '0' + minutes;
  if (seconds <= 9) seconds = '0' + seconds;
  dispTime = '<b>'+hours + ':' + minutes + ':' + seconds + ' ' + amOrPm+'</b>';
  document.getElementById('time').innerHTML = dispTime;
  setTimeout('displayClock()', 1000);
}

and in home.html.erb

displayClock();

but it's not calling function!

On which event you want to call it? And use <script/> tag to enclose your function. — Alok Anand
– Alok Anand, Commented Apr 8, 2014 at 12:55

mmsilviu · Accepted Answer · 2019-02-11 16:56:02Z

26

You probably need to use proper tag to indicate that you're writing JS code:

<script type="text/javascript">
  displayClock();
</script>

Plus, since you probably use jQuery (it's default in Rails), you may want to make sure the function is called after whole document is loaded:

<script type="text/javascript">
  $(document).load(function(){
    displayClock();
  });
</script>

I'd also advice you not to write your JS in application.js and use this file only as a manifest file, which includes your other scripts through Rails asset pipeline.

Also you can take advantage of the javascript helper javascript_tag in your html.erb file

<%= javascript_tag "displayClock()" %>

edited Feb 11, 2019 at 16:56

mmsilviu

1,5011 gold badge18 silver badges27 bronze badges

answered Apr 8, 2014 at 12:54

Marek Lipka

51.3k7 gold badges90 silver badges93 bronze badges

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

1 Comment

Marek Lipka Over a year ago

@user3459701 did you try my answer? Did it help?

Collectives™ on Stack Overflow

How do I call a JavaScript function from an html.erb

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related