INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

Hide div on input focus

Hide div on input focus

(OP)
Hi

I have a simple form that is being displayed in kiosk mode using a tablet. When the user clicks to enter data to the input field, the keyboard takes up the bottom 1/3 of the screen and hides the other items they need to click.

To solve this, I could remove the header when they click in the input field, this will move the inout field to the top and expose the other field they need to click.

Can I do this with css?

CODE --> html

<header>
This is the element to remove on input click
</header>
<h1>Also remove this on input click</h1>
<div class='content'>
<form>
<input type='text' name='fullname' id='fullname' /> On clicking this, the header and h1 are hidden above, effectively moving this input field to the top of the screen.
</form>
<p>Other info that is currently hidden by the keyboard.</p>
</div> 

Thanks

RE: Hide div on input focus

(OP)
Thanks, looks like I'll have to find a jquery solution to make the input scroll to the top of the page which may actually be a better solution.

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close