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);
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
On page load it will evaluate this drop-down and repopulate it determined on their values. If there is an S in any of the values the drop-down will generate an option for 'S' like so.. <option value="s">S Option Text</option> And for the first code example in this post - the Javascript would be able to repopulate the drop-down with the following:
I 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.
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'); });
I want to handle focus and blur events on any DIV element but don't know how? I tried this one: $('.myDIV').bind('focus',function(event){ // something }); But it doesn't work!
I know there are some issues trying to use .focus() and .select() within another.eventhandler (for the same object) in firefox. What I don't know is, howto workaround?
I have this code that unhides a select box when the user clicks in the parent li containing it. Now I just want the .focus to seem more natural to the user as if they had just clicked in a normal select. As it stands, you have to click on it again to make it active (view the selections..)
I'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
I just started using the grate validate plugin today and I can't really find an example of what I'm trying to customize...
Basically, I think it's confusing for a select element to change on focus instead of on change, meaning: the user forgets to select an option, the drop down is highlighted with some CSS, so use selects an option, but CSS error styling doesn't go away until the user clicks somewhere else on the page... A minor gripe, but I'm a big believer of the Steve Krug "don't make me think" school ;)
I'm still not quite clearly on how to implement own customizations of this plugin even after going through the docs...
I recently wrote some code, which involves a list. Elements can be picked by up/down arrow keys.To highlight the elements, I'm using a similar call to objects[focus]stop (true,true).animate({'opacity': 1}, 200);(As you can see, all DOM elements are cached)the same call goes to the element which lost the focus, with an opacity value of 0.2.Whatsoever, I noticed on testing that the performance is just fine on firefox 2/3, IE 7/8, even Safari has good results.Only exception so far is Chrome, it's terribly slow on those calls with a CPU load of 40-50%.I didn't further investigate that behavior since it still works "OK" on Chrome, but SIGNIFICANT slower.
I'm trying to make the cursor focus on a certain input element when someone hits a certain key combo (such as Shift+S). Does anyone know how you attach a listener like that and bind it to a key combo?
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.
When 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:
I 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)
I have an application where users select a number from 10 dropdown boxes in table rows. The problem is if they choose the last value the cursor drops down to several rows below. What I really want to do is to focus the row and move the cursor back to the row the user just selected. I tried stuff like: $.scrollTo('table tr.debit'); $('table tr.debit').focus(); $('table tr.debit').select(); But the cursor doesn't jump back to the row and the row doesnt highlight (debit and credit classes highlight the row on hover).
a very draft code, what i wanna do is when i click on the form, the value will auto be selected. but i cant seem to do so, and i am not very sure of the problem.
I wrote code for a scramble word game and I am trying to set focus everytimge I click on check button..I've got it so it will set focus when I start game, but whenever I put put setFocus() on the onclick of the button it will not work.is there any way the I can have two procedures for onclick.like <input id="inbox" type="text" /><input type="button" value="check" onclick="guess()" "setFocus()"/>I also want to selectall if the word is incorrect not sure how to go about doing this..I did research on this problem, but they all give me examples on applying just one thing to the onclick not two..
