Check If An Input Field Or Textarea Is Selected/focused?
Dec 30, 2011
I would like to disable a feature on my site if someone is in a textarea or input text field. Yet I can't seem to figure out how to check for this... Could someone give me an example of how I can determine if a user does not have a text input or textarea selected? Can't seem to get anything I found via google working.
Is it possible to make a textarea required only if a certain value is selected from a <select>?
I am trying to make a textarea named ObjOther required only if the value OT is selected from a drop down list named Dmost. Is this possible to do client side using javascript or do I need to look into trying this in another language?
If we have a popup window open and it is not in focus how can we check it? If the popup is not in focus and the user is looking at something else I want to play a "beep" sound using <embed>. However if they are focused on the popup I do not wan to play this "beep" sound.
To explain in further detail I have a Instant Messenger running and if the user does not have the IM focused and they get a new message there is no way in letting them know. So I thought a "beep" sound would be nice. I found a way to simply focus() the window, however don't think many will like that.
I have a website I am working on that the customer wants nice text displayed in both the user/pass boxes prior to entering data. So I figured it would be nice to just use background images (as passwords cant have text) and it looked very nice. The issue is when the user selects a username from a dropdown list of previously entered usernames and selects via the mouse it doesn't fire any events that I can see. The largest issue is they want the username focused, otherwise this would be easy with just onFocus/blur.
I feel after the hours I have put into it that I am missing something very simple. I just want the bg to change when data is in the field but not delayed. FF is giving me the most fits.
I'm trying to replicate a feature found in hotmail, facebook, etc. When you type or select a recipient from an auto-suggest box for your message/email that recipient's name is put into the "To" field box and is encased (usually a blue rounded corner box) with a X to the far right. If the "X" is clicked the recipient is removed.
How can do you put the selected recipient into the encasing and insert it in the "To" field box? If there are multiple recipients how are they differentiated? For example, if there were a ";" between the recipients the semi-colon would separate the values.
I have a page as below, I hope the form only show Select option when loading, then the input date fields will be displayed if select event category, where are the errors?
Code: <script src="/misc/jquery/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $.viewInput = { '0' : $([]), //THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD '1' : $('#1'), }; $('#category_class').change(function() { // HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED $.each($.viewInput, function() { this.hide(); }); // SHOWS THE INPUT FIELD ITEM IF SELECTED //$.viewInput[$(this).val()].show(); }); }); </script>
I am having trouble with some javascript code that checks the first 2 letters of what the user inputs and whether it equals a certain set of characters. If the user for instance types in 'TT' in an input field, then i want the holding div to disappear, if anything else is typed in then this action wont happen. My code is below:
Code: <script type="text/javascript"> function checkCode() { var x=document.forms["myform"]["code"].value.substring(0, 2); if (x == 'TT')
[Code]...
I believe the problem lies in the javascript line: "if (x == 'TT')", as the rest of the script responds but it just doesnt recognise whether 'x' starts with 'TT'
Heres my javascript code that will verify email from email input field and check if the checkbox (I agree condition) was checked:
[Code]....
However, this will work fine when calling with a link "javascript:validate('inputForm');" but if I try to prevent users by submitting form with pressing enter I put it in form onSubmit parameter: <form .. onSubmit="javascript:validate('inputForm');"> which will check the forms and submit data (do return) no matter if it matched or no.
I am having a form with two input fields. I want to enter some text in the first input field and then the second field should get the same text. Is there a simple way (maybe a plugin) to do this with jQuery? It would be perfect if I even could output all these input fields values as normal text in <p> or <li> tags.
like for example i have text areas named upload1 and upload2when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"
Here is the HTML: [URL] I'm trying to uncheck the selected radio button, then set the value to 1 (Yes), basically overwriting theinitialvalue to 1. I've looked at prop(), val(), and attr(), and just don't know where to start. Should I select $('#set_q157 input') or$('#set_q157 input:radio'), or each individual radio?
Do I need to each them, and check if its checked, then change its value, or is there a way to select all three inputs as just one radial button? It would also need to work if the input has not yet been checked.
I searched about this problem over Internet and found the same result many times, I found this example on stackoverflow [URL] but this example didn't work in my project; I am making a toolbar with buttons that insert HTML tags around the selected text in a <textarea>, this exemple didn't work because when the user click on a button the selected text won't be selected anymore because <textarea> loses focus and selected text will be unselected, I am targeting Firefox and compatible browsers so you don't need to give me the IE code; jQuery codes are accepted;
What i want is: I have a textarea. When user selects some text and presses a button "[smth]" is added to the begin and end of selected text. How can i do this? It must work on all browsers. The same thing makes daniweb when you format a text (post).