Insert javascript call inside <body onLoad=function()> in RAILS

StackOverflow https://stackoverflow.com/questions/1805456

Question

I am n00b at rails. The question is very simple, i want to know how can i make a javascript function call inside body tag on the onLoad event.

I'm asking this because in the views i can't find any body or head tag (It's like they are generated elsewhere).

Thanks

Was it helpful?

Solution

You do not need to modify the body tag to associate a Javascript function with onload. Instead of using the onload attribute on the body, you can assign the function to window.onload inside an external Javascript file.

There are more advanced ways, using event listeners to do the same thing (trigger the function on page load) which would allow to add several listener functions or trigger functions on DOM ready, a little/some time before page load. Just setting window.onload is the most simple way, and will keep your Javascript unobtrusive.

OTHER TIPS

The body and head tag would usually be defined in one of the layouts. Layouts are by default located in app/views/layouts.

Eric Bréchemier and mtyaka are both correct.

Another approach (if you need to add custom elements to the header/footer that are specified on a per view basis, you'll want to do something like this with yield blocks

Here's an example allowing the title to be overriden on a per page basis, but the same technqiue applies to setting up script tags in the HTML head tag.

app/views/layouts/posts_layout.html.erb

<html>
  <head>
    <title><%= yield(:page_title) || "My awesome site"%></title>
  </head>
  <body><%= yield %> </body>
</html>

app/views/posts/index.html.erb

<%= content_for :page_title, "post listing" %>
<h1>Here are your posts...</h1>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top