Ruby on Rails Friday, December 30, 2011

On Dec 30, 2011, at 11:46 AM, Walter Lee Davis wrote:

>
> On Dec 30, 2011, at 12:37 PM, Craig White wrote:
>
>>
>> On Dec 30, 2011, at 9:58 AM, Walter Lee Davis wrote:
>>
>>>
>>> On Dec 30, 2011, at 11:32 AM, Craig White wrote:
>>>
>>>> Previous versions of Rails, I could just...
>>>>
>>>> (app/helpers/application_helper.rb)
>>>> def set_focus_to_id(id)
>>>> javascript_tag("$('#{id}').focus()");
>>>> end
>>>>
>>>> then in any view, do something like
>>>> <%= set_focus_to_id 'user_uid' %>
>>>>
>>>> but this doesn't work in Rails 3.1.x
>>>>
>>>> What is the new preferred method for doing this?
>>>
>>> View source (in a browser) and see if you have the prototype.js library loaded. focus() is a Prototype method (unless I'm wrong and it's in jQuery as well) and without the library it won't work.
>>>
>>> 3.1 switched to jQuery, which annoys me, but there is a gem you can add to put things right again.
>>>
>>> One other thing to look at -- is your call to set_focus_to_id appearing (in source) below the element it refers to? If it isn't, then you have to wrap your call in an observer callback, so that you are sure that the DOM is ready and knows about the element you're trying to modify.
>>>
>>> If your code is at the bottom of your view, then you should be fine, but if it's above the referenced element, or if it's in a content_for :head block, then you have to do something like this:
>>>
>>> #prototype-flavored javascript
>>> document.observe('dom:loaded', function(){
>>> //your code here
>>> });
>> ----
>> duh... prototype - I don't think it's useful to load both prototype and jquery as I'm already using a bunch of query.
>>
>> I'll see if I can figure out how to change that to a jquery friendly method.
>
> $(document).ready(function() {
> $('#yourElement').focus();
> });
>
> It's just a matter of making it a CSS selector, rather than an ID selector. In Prototype, you would use the $$() method with a CSS selector, and that method always returns an array, so you would have to write it as $$('#yourElement').invoke('focus');. jQuery returns either a single element or an array, which is one of the many ways it is icky.
----
well I was trying to implement a generic method of passing a specific ID variable and having the method in the application_helper.rb so I could selectively assert which field by ID but I ended up just putting the following inside the final </html> tag in my layout...

<script>$("input:text:visible:first").focus();</script>

Which just puts the focus on the first field... not the same but probably good enough for my purposes.

Thanks

Craig

--
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To post to this group, send email to rubyonrails-talk@googlegroups.com.
To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

No comments:

Post a Comment