In-page popup not supporting DOM structure/properties

In my current app, I have an in-page popup(those semi-transparent ones
like you find on Facebook) for login, which has only two fields: login
and password.
I am not able to set focus in the login field.

document.getElementById('element').focus(); doesn't seem to work.
document.getElementById('element') returns "null".

I have a link for 'Login' on the 'Home Page'. When user clicks on the
Login link, an in-page pop is rendered on the same page, so you can see
the 'Home Page' in the background, but focus is on the 'Login popup'.
I think that's because we have two layers of documents, one the 'Home
Page' and second the 'Login' popup'. So something wrong with the DOM
structure. Not sure...

Does anyone know how to handle this situation?

Thanks in advance

Adhiraj

In my current app, I have an in-page popup(those semi-transparent ones
like you find on Facebook) for login, which has only two fields: login
and password.
I am not able to set focus in the login field.

document.getElementById('element').focus(); doesn't seem to work.
document.getElementById('element') returns "null".

I have a link for 'Login' on the 'Home Page'. When user clicks on the
Login link, an in-page pop is rendered on the same page, so you can
see
the 'Home Page' in the background, but focus is on the 'Login popup'.
I think that's because we have two layers of documents, one the 'Home
Page' and second the 'Login' popup'. So something wrong with the DOM
structure. Not sure...

It shouldn't require anything special, assuming all your markup is
nice and tidy. You're also asking for trouble if you've got multiple
page elements with the same id (which can easily happen by accident)

Fred

I am actually using this statement:

document.getElementById('login').focus();
But it doesn't seem to work.
There is no other element by the same id. I did check it.

But doesn't seem to work.

Adhiraj

Worked it out...

I solved it out by using:

render :update do |page|
  page.call(function, *arguments, &block)
end

http://api.rubyonrails.org/classes/ActionView/Helpers/PrototypeHelper/JavaScriptGenerator/GeneratorMethods.html

Cheers...

Adhiraj

Adhiraj Rankhambe wrote:

In my current app, I have an in-page popup(those semi-transparent ones
like you find on Facebook) for login, which has only two fields: login
and password.
I am not able to set focus in the login field.

document.getElementById('element').focus(); doesn't seem to work.
document.getElementById('element') returns "null".

I have a link for 'Login' on the 'Home Page'. When user clicks on the
Login link, an in-page pop is rendered on the same page, so you can see
the 'Home Page' in the background, but focus is on the 'Login popup'.
I think that's because we have two layers of documents, one the 'Home
Page' and second the 'Login' popup'. So something wrong with the DOM
structure. Not sure...

Does anyone know how to handle this situation?

Thanks in advance

Adhiraj

Hi,
   in javascript function use like
           "document.forms[0].elements[0].focus()"