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?
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 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?
Is 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 RelatedI've used this plugin many times and this is the first problem I've had with it (1.8.1). I've uploaded my standalone version (unstyled) here to demo: [link redacted, see reply for solution] try submitting the form, then focusing on some fields and attempting to resubmit. I have a form with 6 fields, all required (class attribute 'required' has been added to them all). On submit, only 2 of the fields display an error message as they should. The other fields do not act as required. Filling in data for the 2 working fields and re-submitting will work, when it shouldn't be.
However, if I click through to focus on the fields, they will appear to "get" the validator property. Clicking submit how, however, will actually toggle the error message on and off. I have never seen this kind of behavior in the past and am scratching my head how to proceed. I have checked in Chrome and Firefox, I have re-downloaded the plugin and used various jQuery versions, I have stripped out the functionality to a completely separate standalone page to remove any potential conflicts. Markup and JS validates. No luck.
I am creating a plugin that gives keyboard navigation to tabular table acrossmultipletables.When I have rowsthat run off screen I would like to scroll the window down.. and the reverse is true, when navigating up.Logically I need to get the position of the element that has focus and specify how much to scroll the window.
View 2 Replies View RelatedThe 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 View RelatedI 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.
How 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 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 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.
I have a multiple select element on a form. I want to use javascript to focus on the first selected <option>
View 2 Replies View RelatedI've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page: [URL] And here is the code in question:
[Code]...
I have two questions...
Question 1 How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky. I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?
Question 2 The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?
I need to pass user input from a form to one database field. I'm relatively new to JS but the idea I had was to have several form elements and use JS to collect the users input and send all the values through a hidden element. What's happening is the variable names are being sent rather than the values. The code below is only passing to the next page. Limitations: I am editing an intranet site built by a 3rd party so a lot of the files we've been given are encrypted. I cannot change the method to post.
[Code]....
I've put together what I think is an illustration of my problem at [URL] Quite simply, I need to be able to access the elements of the form without referring to them by ID as the whole form is intended to be cloned. I intended to do this using parentNode and childNodes[] together with the 'this' keyword. My understanding of 'this' in this context is that it should refer to the HTML element calling the function, i.e. one of the radio button inputs. However this gives the error "Error: this.parentNode is undefined"
View 1 Replies View RelatedI am trying to fix error- object does not exist- I want it possible to
allow object not to exist.
I am writing a script on a page that may or may not include a login
form. For example-after a visitor logs in, the login form is no longer
on the page, but other content is still there.
I want to bring focus to the login form using the onLoad in the body
tag.....but if the login form does not exist, I do not want to perform
this function.
The following code works fine for focusing the cursor on to the login
form.
(code)
<html>
<head>
<title>
Testing Javascript
</title>
<script type="text/javascript">
<!--
function addcursor ()
{
if (document.login) {
document.login.username.focus();
}
}
//-->
</script>
</head>
<body OnLoad ="addcursor()">
<form name="login" id="login" action="" method="post">
<input type = "text" name="username" id="username" />
<input type="password" name="password" />
</form>
</body>
</html>
(end code)
But if you remove the form in the body section from the code, an error "object does not exist or is null" results.
$(this).attr('type', "password");
(this).attr('type') = 'password'
neither of these work, am I doing something wrong?
Full code:
<div id="register-form">
<input type="text" class="reginput" name="username" defaultVal="username / URL" />
<input type="text" class="reginput" name="password" defaultVal="password"/>
<input type="text" class="reginput" name="e-mail" defaultVal="e-mail"/>
<div class="button-form">Create my free account</div>
</div>
$('.reginput').each( function () {
$(this).val($(this).attr('defaultVal'));
$(this).css({color:'#699fe7'});
});
$('.reginput').focus(function(){
if ( $(this).val() == $(this).attr('defaultVal') ){
$(this).val('');
$(this).css({color:'#2d5891'});
$(this).attr('type', "password");
//if ( $(this).attr('name') == 'password') { $(this).attr('type') = 'password' }
}});
$('.reginput').blur(function(){
if ( $(this).val() == '' ){
$(this).val($(this).attr('defaultVal'));
$(this).css({color:'#699fe7'});
}});
I've got this hidden div that pops up using jQuery when the login menu item is clicked.
<div class="entry-wrapper" id="reg-login" style="display:none;">
<div class="t"></div>
<div id="loginFormHolder" class="c">
<div class="close">
<a href="index.php" class="spotlight-close"> </a>
</div> <!-- close -->
<div class="login">
<div> <!-- blank --> .....
What I'm trying to do is setting the input focus on the user_session_username text input and the code is not working. The div pops up but the focus is never put into the user_session_username edit field.
In my work here there is an application that has recently had a plugin coded up for it, the plugin allows custom message boxes to be opened up by the user when they roll on the help icons. The boxes open automatically and then close as soon as the mouse focus rolls off their box area. The boxes support java script content and html etc so can be very customised. I have coded a user form with various data capture fields. I would like the data in the fields to be reloaded if the user accidentally rolls off the box (as this will close it and the behavious cannot be changed :-<)
I have used cookies and tested in browser and all the retreival and storage of the cookie data works fine. Problem is with this plugin app is that i cannot fit in the call to 'onload CheckForCookies()' anywhere - The boxes do not seem to appear as 'window opening events' What is way of Adding the call to checkforcookies() into my form loading - that does not depend on a window opening event? There are four or five fields and i would like them all to update with whatever was last in them when the messagebox opens - it is not an api/ browser generated messge box, rather it is a custom web widget of some sort and i do not have access to the source code at this time.
It is equally important to be able to create or refresh the cookie data for the fields when the user rolls off the box so they do not lose whatever info was typed in so far so i need to call like 'onunload SetAllCookies' Like i say i have the code to do the work, the problem is the functions are not being called as the behaviour of the little boxes does not trigger them as load / unload eventrs. I tested using 'onfocus' and this works but is nbo good as the user would only see the data they had 'lost' when they click on a field.