I'm having problems with applying focus() to an element inside a blur() event handler. I get different results in different browsers. Specifically, IE and Opera seem to work fine, Firefox doesn't seem to do anything, and Chrome and Safari only do half of the job. Basically, I have an <input> with a blur() event handler attached to it. The event handler contains the code to apply focus to that same input, effectively disallowing the user to remove focus from the input.
I'm working with ClueTip and have run into some oddities.In particular, I want to show ClueTip when a textbox receives focus.The source shows me that I can use activation:'focus' for this and that will result in the cluetip showing on focus and disappearing on blur. Showing the cluetip is working fine, blurring is not.[code]
I have a form with a certain number of elements, i want it to at first only display the first, then when i deselect that element the next one is shown and focus moved to that and so on until the end of the form. Im new to jQuery and just
I'm using thickbox for getting a popup at my screen where the user can write info into inputfields.Only I want that the first inputfield is selected/focus.I have use the following codes but nothing is working.
how to do what i wanted. I've got a .pdf file with a bunch of text fields, i would like it to make it so that when the user has focus (is writing in or clicked it) on of the fields it shows a different field with information on how to fill out that field and which field to procede to. Ive figured out how to show a field when focus is on another field, but cant get it to hide again when focus goes to something else.
Assuming I have the functions, "isNumber" and "isEmpty", how would I write the HTML INPUT type="text" element such that a person cannot exit the element unless they have typed in a valid number (as defined by the function isNumber) or left the field empty (as defined by isEmpty)? Thus, if they have typed in "aaa" and then pressed "Tab" to go the next element, they'd get a warning message, and be returned to the old element?
Ideally, this solution would work for both the latest versions of Firefox and IE.
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'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'm trying to build a data navigation utility that will allow a central "map" page to control a number of tab pages that are loading individual pages from a large set of HTML. All are local file://localhost/, with localhost popups enabled. (for dev/testing all popups are enabled since firebug 1.3.3 has problems loading localhost .js code) preference to "raise and lower windows" has been enabled I am using firefox 3.0.8 on FreeBSD 6.4
Anyway, I can't get window.focus() and blur() to work between cooperating tab/windows who know each other's names.
Here following are two cooperating mirror tab pages that i'm trying to get working. Have tried a number of combinations of the focus() and blur() calls. Have tried with/without messaging. Messaging works fine.
I have noticed that the calling tab seems to unload/reload as a result of the click event. This still allows the message to get through OK, but I guess the reload could be taking the focus again.
An annoying alert() dialog could of course get focus to the message receiver, but it requires another click to get it out of the way.
The concept of these focus() and blur() calls is so simple, and I've searched all over the web for examples, but nothing seems applicable.
Have also seen that this may be a bug in Firefox.
======== code for "mirror" pages "focus1" and "focus2" follows:
I have a input field (text field) in my html page. User should give input as a string like following 12 345 678,0 If user gives input in format 12345678,0 and leves the input field how can I format the value 12345678,0 into format 12 345 678,0?
a) Keyboard users to see a focus outline on navigation links. b) Keyboard users to see the outline still there if they use the browser Back button, and continue tabbing from that link onwards. c) Mouse users to NOT see an outline if they use the browser Back button.
My image upload form has a choice of either upload image by entering url or by browsing for a file, I'm trying to empty the file-input input if you focus on the url-input. I've tried bother these events on click/blur but neither seem to work like they would for a checkbox or text input. [code]...
I'm trying to slowly blur text but I'm running into a problem where color: transparent text is applied before text-shadow. I need it to apply at the same time. If it isn't apparent by the example, I'm using text-shadow to blur the text out to be unreadable, I'm not trying to add a simple text shadow. I need this to a slow animation. I realize you can select the text and continue reading, but I'm not trying to block access to the text, I just need the blur effect.
Ive got a form with 3 text fields, one for first name, last name and one i dont what the user to be able to write things in(if that cant be done no biggy), when I hit submit, I want to move these two entries (first name and lastname) into uneditable text field so basically just combine the two, and then the user can add more names and it just keeps adding them to the end of the other text field... kinda hard to explain, basically like a chat type thing, where hitting enter just adds more names to the other text field except only you can see it.
im trying to implement a login screen similar to Facebook. What i mean by this is i want the username and password fields to have text in them until the user selects the textfield. If the user does not type anything in the textfield the the onblur will automatically change it back, but if the user has typed something in then i want the text to be left alone.At the moment the onblur always changes the value of the textfield. Im not sure how to solve this.(code i am using is below)