What is my document onLoad hander in Rails?

Question

I want to use a plugin to make most of my models inline editable, but I don't understand the following:

To use it, include jquery.rest_in_place.js in your template and execute the following in your document’s onLoad handler:

jQuery(".rest_in_place").rest_in_place();

http://jan.varwig.org/projects/rest-in-place

Where do I place this?

Marko · Accepted Answer · 2010-10-22T21:32:57.257

3

They likely mean the jQuery document ready event.

Inside your <head> section, place a $(document).ready(); like this.

<head>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery(".rest_in_place").rest_in_place();
        });
    </script>
</head>

Or

<head>
      <script type="text/javascript">
          jQuery(function() {
               jQuery(".rest_in_place").rest_in_place();
          });
      </script>
</head>

edited Oct 22 '10 at 21:32

answered Oct 22 '10 at 21:24

Marko

71,361
28
124
158

JavaScript runs without ` – Nick Craver Oct 22 '10 at 21:28
Better keep the JavaScript code separate from HTML, in other words include a .js file instead of putting it in . – Adam Byrtek Oct 22 '10 at 21:29
Absolutely :) and `` should be **lowercase**. Stick to the standard dude :p – Marko Oct 22 '10 at 21:31
@Nick - it was merely a case of `spot-the-error`. Noone noticed until you came along, so it worked :p – Marko Oct 22 '10 at 21:33

score 0 · Answer 2 · answered Oct 22 '10 at 21:24

The author probably meant the jQuery ready handler which gets executed when the DOM (hierarchical structure of the document) is fully loaded.

Your JavaScript code should look as follows

$(document).ready(function() {
    $(".rest_in_place").rest_in_place();
});

Note that $ is a synonym for jQuery (unless you explicitly enable the compatibility mode).

What is my document onLoad hander in Rails?

2 Answers2