Web page auto-scroll to input field - html

I embedded a <iframe> in the middle of my web page. However, there is a input field in that <iframe>, and every time I open the page it will automatically scroll/jump to that input field, which is at the middle of the page. That is annoying. Is there a way to fix this?

Related

How to scroll to a specific part of an HTML page after serving a response to a FORM post?

I have an HTML form with many different input buttons. Scrolling is needed to see some of them on the user's browser screen.
When the user presses one of the buttons the server receives a POST and processes it. It alters the content of the HTML and re serves it.
Is there some way to serve the HTML so that the user's display scrolls back to the position it displayed when the FORM input button was pushed? At the moment the display returns to the top of the page and the user has to scroll down again in order to see the results.
Any help or advice would be gratefully appreciated!
I wish to have a function similar to browsing to an anchor on the page, such as http://my_url.com/my+page#my_tag. The trouble is that a POST is not a GET, so I'm not sure how to specify the #my_tag anchor in the POST

Style a button to maintain its highlighting after leaving the page and returning

When a link is clicked and the browser redirects to another page the highlighting is maintained when revisiting the original page. This allows the user to know which links she has clicked even after they have left the page. Is it possible to apply this same functionality to a button?

Contact Form field not clickable on mobile - redirects to next field

I've designed a contact form for my site that works properly on desktop. When trying to do some responsive programming, I realized that the first field in the form (Name) is not clickable. Clicking the button just takes you to the next field (Email). Anyone else experience this problem? It's happening on all mobile devices as far as I can tell.
The URL is envolverxlaunch.com and the form is on the bottom of the page.
Thanks!
Brandon
Just checked the DOM with the Chrome Dev-Tools in mobile emulate mode, and I have found that input and label element off the name field lays under the input and label element off the mailaddress. It overlaps, because the first input element has a huge margin-bottom, and some elements are not cleared. If you click on the name field, you hit the label off the email field.

HTML + Chrome help having a form in the page space

I am trying to create a input box somewhere on the screen in chrome, not attached to extension button like a normal popup,
it also needs to be running all the time so the user doesnt need to click the extension button to open it, for example so they do not have to come out of fullscreen.
What i have so far since im not great at html or java just a simple form
What i have: http://i.imgur.com/xCY1a41.png
What i want: http://i.imgur.com/cJH8bD4.png
I would also like to control the position of the form but from what i have above doesnt seem as if i will be able,
Sorry if its a bit vague but anything helps!
What you want to do can't be done in Chrome. This is by design. If web content could display itself outside the boundaries of the browser tab's content area, then users might be confused who was presenting it. Confusion is just the beginning of that problem: if web/extension content could masquerade as a system or browser-level alert, then that content could trick the user into doing something dangerous.
If you need a presence outside of a browser tab, your options are a native app or Chrome App.
If you want the input box to be displayed on the page you could use content script - then it would appear as you presented.

Break the Iframe

I have an iframe on a landing page and I want to break the frame upon the viewers submit. When the viewer goes to the second page the frame cuts the image on the page is there a way to break, if I don't control the iframed page submit button. Could i frame my own button over the existing and have it scripted to "push" both buttons one to break the frame and the other to carry to the second page? I would prefer to have script to break on submit but how would the page know when the button is pushed?
Unless you control both the framed page and the page that contains the frame, and they're both within the same domain, you're probably not going to be able to do this.