The trouble is, is that some pages are very long and some are very short, so using offsetTop is obviously not bringing the form into full view ;-( Still keeping all the functions detailed in the code below, how would you adjust the code to achieve the aim of always showing the form, when clicking on the button to show the form, regardless of how long or short the page is please?
View 4 Replies
Does anyone know how to set the code, so that if someone clicks send on a form, and there's an error, that the form then shows in the window, (always a few pixels down from the top of the window), please ?The form is a php include on many different positions on many pages so the offsetTop will be different depending on which page it's on.
View 12 Replies View RelatedThere are 3 graphics (top left of page) which open a linked page in a pop up window; each popup comes into focus the first time it's opened - clicking on the same graphics again doesn't bring the already opened popups back into focus.I had originally sized each popup as 320x430px in the body at each of the 3 references to the linked pages, but discovered that (in FF portable 3.65.13) the popups all opened full-size windows. In an attempt to resolve this I removed the size info from each of these 3 page references (lines 84, 89, 94) and moved it to the head (line 67) which seems to have resolved the size issue, but works only when I specify the popup to be any size except the original size of 320x430 (e.g. 320x431; I have now settled for 321x431)
View 5 Replies View RelatedI am using ASP.net and javascript. Presently I have a link on the web page, which opens an image....if the user wants to save it , he has to right click the image and then save it. But,I don't want the user to right-click and choose the option "Save Picture As" or "Save Image" of the browser. Instead I want the user to click a link or button that is displayed just under the image. After clicking the link/button, the user should be able to save the image in his/her local hard disk/machine in a particular folder or just under C: or bringing up the file directory dialog box where the user can save in his/her own folder.
View 1 Replies View RelatedIs there a way to set the focus on a form field without using focus()? I use ajax to build the form and if I try to set the focus using focus() an error is generate because of the form hasn't been built by ajax. So, it would be nice if I could set the focus() as I built the form.
View 4 Replies View RelatedThere's an outgoing link on my website that is sometimes slow to respond. I want to show a spinning wheel image after clicking it. Here is how I do it:
$("#thelink").click(function() {
$("#somediv").addClass('loading');
});
There are 2 problems: Firefox doesn't remove the "loading" class when going to another page and clicking the browser's Back button. Google Chromedoesn't add the class "loading". Instead itimmediately opens the pagetargetedby the link.I solved this by adding a "delay()". Is this the best approach?
$("#thelink").click(function() {
$("#somediv").addClass('loading').delay();
});
When the user type something in text box, and press enter, it will submit the form data to test2.jsp, even without pressing submit form button. This is not what I want, I want to submit the form only when the user press the submit button.....
View 1 Replies View RelatedI have a form with about 10 fields, and the action is sent to a php file which processes the form. Now, I also like to use a Thickbox such that the user can preview the page before actually submitting it to the process.php. That means, I have one submit button and one href, which href links to an iFrame thickbox to preview the page. My problem is that I don't know how to obtain the input values in the iFrame, without user clicking on submit (rather i want to get the values through href). something like the preview on this forum, except I want it on thickbox.
View 1 Replies View RelatedI have not been codeing for too long. The form submits correctly when the button is pressed bu wheni click enter on keyboard it gives a page not foud error
here is the code
function ByPartNo(){
var strTest = document.form1.search_criteria.value;
if (strTest){
document.form1.action="result_details_by_part_no.asp?mSKU="+ strTest
[Code].....
I have an admin page in which I enter information for a Math Education website. I have to pre-load 10 video fields just in case a lesson has 10 videos. This is an over simplification:
[Code]...
What I would like to do is load 1 single video field and then have a button that when it is clicked automatically creates another field. I'm sure this is possible but everything I know I've learned from searching the internet and reading a few simple books so my knowledge is fragmented.
I focus on controls in a web form like this:
<script language="javascript">
var focusControl = null;
if (document.getElementById)
focusControl = document.getElementById('txtArea1');
else if (document.all)
focusControl = document.all['txtArea1'];
if (focusControl && focusControl.focus)
focusControl.focus();
</script>
This works on all of my textboxes and textareas except for 2. For them,
if I put a "alert(focusControl.id);" after the "focusControl.focus();",
then after the user clicks Enter the controlg gets focus. But if I
don't put that alert in there then the address bar (?!) gets focus.
How can I make this perfect and foolproof? I've looked at my HTML
thousands of times and the textareas are like all the others that work
without an alert box.
i want to control the 'Enter' key to set focus to the next element in
the form(instead of 'Tab'). and i want to know which element had the
focus when the Keypress even of the form is called. how can i get
that?
How to Make a Html Form Shows Up when Visitor Click a Link.. I have seen Site where you want to add Message u click Link then the Form under the Link Shows Up .. it stays Hidden unless Visitor Click Link 'Send Message'. It seems done by Java but How ..
View 10 Replies View RelatedHow do I focus() to a form-field, from a iframe - to its parent frame?
View 2 Replies View RelatedI have a quick question - if I have a form which refers to a javascript when
its submitted using:
<form name = "fred" onsubmit = "test()">
and this function creates a popup window to display information in, I find
that after the window has appeared, the focus moves back to the form and the
text box used to gather user input clears. The clearing text box isnt a
problem, but the moving focus is. Is there a way to make it so that the
window containing the popup information stays on top? This problem doesnt
ocurr when I use the submit button to call the javascript function.
i have a form with two buttons to submit it. One button (must be left) goes to a detail-page and the second button (must be right) goes to a basket-page. Also there is a input-field.
My problem: onLoad i give focus to the input-field. But when user submits the form with return, the first button ("show details") is executed, and you see the detail-page.
But i want to give focus to the ("into basket") button, but it comes after
the detail-button in source.
I cant change the buttons because it's not allowed by the designer :-(
Also on load of that page, the border of the first submit button is more
thick (i think 2 px) than the second (maybe 1px). How can i submit to basket, with the return-key and give them the same look?
I need to have the cursor appear in the first input box on various pages. When I use the onLoad event in the body tag it works, but anywhere else it doesn't.
The problem is aside from my intro page, most of my other pages use a header and footer on the server side. The body tag is inside the header so I don't have access to it on the other pages. I tried adding a simple function at the bottom of the page, but it does not work.
<script>
function setFocus(){
frm.Name.focus();
}
setFocus();
</script>
I designed a form having ten fields, will it be possible to have a jquery function that will make all the values in the form field to be displayed in a separate div outside the form by click of a button or a link?
View 3 Replies View Relatedi am having trouble understanding what the difference is
between BLUR and FOCUS. I need to include these functions in my form
and i am unsure what these features do and how i incorporate these
into my form.
I have two form elements, the first one I'm testing for a specific content length (5). If there is not that much content in the box, I would like it to continue to have focus.
However my code below will not set the focus back.. What am I missing?
I have created a form with malsup's Form Plugin wherein it submits on change of the inputs. However, after each submission, the form loses focus, which forces the user to click on the next input element after each input change, which is a bit annoying. Is there a way I could set the form to automatically focus on the next input element after the submission depending on which input element the form was submitted from? [code]...
View 1 Replies View RelatedMy script is designed to show a simple question and the user submits the answer using onchange via the tab key. If the answer is correct the next question appears and so on. But if it's wrong there's an alert and the user stays at that question and has another go to enter a correct answer to move on. It works well as long as user gets answer right. If they enter a wrong answer I'd like that answer box to clear and be focussed (ie cursor in place). Problem is, using the tab key has already sent the cursor off to highlight the address bar! I can get it to work if each answer box has a submit button and I use onclick but I really want to change the submit function to a keystroke, pref TAB.
Code:
<HTML><HEAD>
<SCRIPT language=javascript type=text/javascript>
function thetests(){
document.theform.prob1.focus();
}
[Code]...
Is there a way to give an input or textarea field the focus and set the focus to begin right at the end of the current text in the field?
View 3 Replies View RelatedThere are many ways for setting focus on form fields. I'm actually looking for some code that automatically detects if there is any form on the page & then automatically sets the focus to the first field of the form.
No need of putting Form Name & Field Name in Javascript. Is there any way to do this ???
I am using a standard html <form> to send data to a pop up calculating somthing.
I want all coming requests to go to the same window.
Quite easy with forms since we have the target attribute, thus target="calculating_window".
However future <form> submitted entries will appear in the "calculating_window" window, but keep behind the current active window (with the <form> formular). The user therefore cannot see new entries beeing calculated.
I tried working with a OnClick thing with the submit button and javascript focus(), but i just can't get i to work. Any suggestions?
I want to set focus to the first field in the page's only form, when the page opens. I suspect that this might involve some client-side coding.
Surely by now someone here has done this in a PHP context.
