I have an input element on a form. When I open a popup form and then close it, I try to put the focus back on my input element by using the focus() method. However, that fails and it doesn't get focus.When I press tab to get out of this input element, it takes several tries for it to get the tab event (since it wasn't focused, but how come it suddenly gets focus to respond later?)
View 2 Replies
I have created a form with malsup's Form Plugin wherein it submits on change of the inputs. I have set up my jQuery script to index drop down menus and visible inputs, and uses that index to determine whether keydown of tab should move focus to the next element or the first element, and likewise with shift+tab keydown. However, instead of moving focus to the first element from the last element on tab keydown like I would like it to, it moves focus to the second element. How can I change it to cycle focus to the actual first and last elements? Here is a live link to my form: [URL]. Here is my script:
$(document).ready(function() {
var options = {
target: '#c_main',
success: setFocus
[Code]....
I have a page where it accesses the same popup a couple times. When I click 'Help' it opens the popup then goes to the section. But, if i go back to the other page, and click another link to the popup which goes to another section, it doesn't re-focus on the popup window.
The sections are accessed by the '#SECTION' link...
Code:
<a href="javascript:helppage('help.htm#Section','title');">Help</a>
How can I focus on it when it goes to a new section when the popup is already open?
I have this ads on my webpage that popup whenever you go somewhere (obviously prett annoying ). So my question is: how can I make so the previous window I was at gets focus and the popup doesnt. My thoughts was on making it with the onLoad function after you popup the popup but its stops there.
View 3 Replies View Relatedwhen a popup window appear, can I force users to focus on the popup
window "ONLY" that mean, if users don't close the popup window, they can't do
anything to other ie window (include close the opener window...etc)
I'm trying to get a popup to keep focus when it is re-clicked.
The script below is supposed to produce this exact behaviour,
however it doesn't work, at least on firefox 1.0.7 and moz 1.7.12
(linux kubuntu). It does work with konqueror....
The crux of the problem is I only know if the popup *has been* opened,
but not if it *is* open. Therefore, the script doesn't know whether to
simply refocus, or whether to popup a fresh window.
Are these the only solutions?
* handle onerror in some creative way
* hidden frames
BTW, I do have the luxury of ignoring non IE 5.5+ browsers on this
project..
I am working on a ASP.NET application and have some forms that require to be popped up and let the user edit information on them. These windows must stay in focus until closed, but I have having some issues implementing this.
We are targeting IE explorers and have tried the showModal() which is exactly what we require (as it forces the user to the window till complete) but the page cannot refresh/postback which is what we need.
I also tried the on blur = self.focus() but that doesnt work either as when I user clicks the textbox on that popup to update a datagrid the focus is taken off the textbox and to the window again.
What I'm trying to achieve it a popup window that has focus until complete and allows the window to refresh as it requires use to update & delete a datagrid. Any ideas?
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'm trying to create a control which when the mouse button gets
pressed on one div an absolute positioned div pops up in
place of the cursor. From there the cursor should interact with
the dialog before the mouse button is released. In other words
one element will catch onmousedown, display the popup, and
the popup element will catch onmouseup. This works fine in
IE as the popup automatically accepts following events,
but my problem is in Firefox.
In Firefox everything behind the popup
still receive events even though they can't be seen
(hidden by the popup). I have to release the mouse button and then
click on the popup again before it accepts the onmouseup event.
I also used a different cursor on the popup to see if Firefox
recognized it was there at all. Still the cursor doesn't change
until I release themouse button and move the cursor across
the popup element.
I've tried focus/blur, timeout delays, hiding the first element
(the one which receives onmousedown) but nothing works.
The only thing that works is hiding the entire body and then
using setTimeout to show the entire body again 1ms later.
Obviously though that is very ugly.
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.
I have an html button that calls & open another browser window on the onmouseup event, but once I close the popup new browser window my button has focus & is like selected.
I want it not to be selected or clicked or has focus, how do i loose the focus after close of popup window?
onmouseup="window.open("
There 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 have some existing code that I need to alter so that when the user clicks outside the element, the element disappears. I have looked at other show/hide element code, but I'm not sure how to integrate it with the script below.
There's a date form, with an calendar image icon. When you click on the calendar icon, a div with a calendar opens. Then you can click on the dates, that when clicked will fill out a textfield with the date.
The form code:
Code:
<div class="TSearchBox">
<div class="TSearchBoxDate">
<span class="normal TLabel">Frn: </span> <input name="TLfd" type="text" value="2010-03-30" />
<img src="images/datum.gif" class="TCalendarImage" alt=""
[Code]...
PHP Code:
function focusName()
//code here (get input field name)
alert(name);
[code].....
I am working on a firefox extension. The job is to sit in the status bar and as I type into any form on any webpage, listen for keyboard events, then modify the key pressed by mapping it to some foreign unicode character and then sending it to the form in focus.
As I see it, there are two ways I can achieve it.
1) Capture the event, modify it and then send it and not be concerned with the form in focus.
2) Capture the event, prevent default action., find a unicode mapping for the key pressed, find the form in focus and based on the type of form, call a method to explicitly insert the mapped character at the cursor position.
Right now I am not able to find a way to do either. Once I get the focused element, I can do something to it. But I am not yet able to get that. I even tried document.activeElement, but it doesnt seem to work in firefox.
How to focus an element, which is created on the fly,(document.getElementById('id').focus() is not working in IE 7)
View 5 Replies View RelatedWhen using lists (UL, OL), if you click on the bullet of a list item, that item becomes selected. Is there a way to prevent this or divert the focus elsewhere. Code:
View 14 Replies View RelatedI want to get the id of an element to set focus to a particular field in javascript using classname or tagname... Is it possible to do that... I dont want to use document.getElementById to get the id...Or is there any way to set the focus of an element using classname or tagname.... (wihtout using id)
View 1 Replies View Relatedhow does one find the element in focus?
View 1 Replies View RelatedI have an input box with an id. I also have a jquery hotkey plugin which fires when I press F8 in this case.
$(document).bind('keydown', 'f8', function (){
//do stuff here
return false;});
The hotkey works just fine. (ive tested with alert boxes). What I am trying to do is find the cursor location (and then the elements id) when the f8 key is pressed. or...
I want to find which input has focus on keydown.
Is it possible to extend jquery to include a function that will select elements with focus. In the same way :input selects all inputs :selected selects all selected etc but instead :focus or focused: which would select the focused element. I have a table which includes an input field on each row (like a simple datagrid). Id like to be able to hit an access key and delete the row (input textbox) which has focus ie the row which the cursor has been placed in.
I found this but it selects the first input textbox only for some reason?... and not the one with focus.
$.extend($.expr[':'], {
focused: function(elem) { return elem.hasFocus; }
});
var id = $('input :focused').val();
console.log(id);
Below is the code which is used to validate the entries on a form(some field are not be left blank). The user gets the msg when he hits the "Check"button. The problem is after the user gets the msg, I am not able to set the focus in the field which is the first element of an error array which stores the info about the fields with errors on this form.code...
View 3 Replies View RelatedI have this page below which I run locally that is created dynamically: [URL]
I need a piece of javascript to focus on the captcha as shown in the image inside the green box. At this minute I have this which doesn't work all that great for some reason but it gets it to the general area...
if (( document.URL.indexOf("cast_skills") != -1 ) || ( document.URL.indexOf("security_prompt") != -1 ) || ( document.URL.indexOf("joinraid") != -1 )){
if ( document.forms.length > 0 ) {
document.forms[0].elements[1].focus();
}
}
As I said this does the job to some extent however it does not leave the focus in a perfect position so that the captcha is readable and the text box visible to type in, as illustrated in the red box in the above image.
I have a form and would like to re-create the :focus attribute to the fields, so when the field has focus/is active it changes the background image.
Is there any simple way of doing this using Javascript?
Can I safely assume that, if an element is clicked, then it obtains the focus? Alternatively, I can set the focus with something like this:
$('#my-button').bind('click', function() { $(this).trigger('focus'); });
