jQuery Forum

Well, what I'm trying to: auto-format an input type as user writes down

Suppose a form input, type text, which will cotain numbers, and I want to format them with the correct number format; i.e.: (EU format) "2222,222" --> "2.222,222" // (US format) "2222.222" --> "2,222.222"

Ok.

So I'm developing my own jQuery plugin "numberFormat" which registers for any object the listeners for keypress, change and blur events.

Right now, I can format the number as the user is writting down or changes the focus to another element.

The main issue cames whenever I try to modify a text that is already formatted.

Example:

1. First I type the number: "2222", in EU format will be "2.222"

2. Then I change focus from input to another element of the web, and the text of the input get its format.

3. Next, I modify the text, tipping down an extra '3' at the beginning, so the number should result as "32.222"

And the question is:

- I didn't know it was imposible, so far I wouldn't had achieved it. -

Hi there!

My code is easy to understand, I have an <INPUT> and a <DIV> with an inner <UL>.

Whenever I click on the <INPUT>, the <DIV> is showed (hidden by default by CSS).

Whenever I pick one <LI> from the <UL>, the <DIV> turns hidden, or if I change manually the <INPUT> value.

But the problem cames when I click somewhere else of the page without picking one of the <LI>.

I had tried with myInput.blur(function(){ //something here }); but it cames to me that this is launched whenever <INPUT> loose the focus, so it doesn't matter if the user clicks over one <LI> or somewhere else.

Is there any way to know If the user is clicking over the displayed "fake" <SELECT>?

http://jsfiddle.net/hLLD6/1/

- I didn't know it was imposible, so far I wouldn't had achieved it. -

So here it's my question.

I have some HTLM elements wich I want to animate, but instead of using .animate() method I am using other ones, as .hide()/.show() or .css()

So the problem cames that I have to nest this actions in order to re-calculate container's bounds, as for example, the height property.

I have something like this:

1. obj.hide('slow').queue(function(){
2.       objInner_1.hide('slow').queue(function(){
3.             objInner_2.show('slow');
4.             $(this).dequeue(); //[1]
5.       });
6. }).queue(function(){
7.       calculateHeight(parent);
8.       $(this).dequeue();
9. });

- I didn't know it was imposible, so far I wouldn't had achieved it. -

At some different points of my code I have developed some table data, wich structure is a static header and a scrollable body.

The HTML code goes as:

Due to be in different <div> elements, both tables doesn't got the same width.

I adjust the width of the "static" table dinamically with the following JS function:

And then, cames the issues.

When the window is resized, I need to re-adjust the tables' width, so:

This works fine one the data is loaded, or the window is resized manually, but it doesn't works when I click on the maximize or minimize browser buttons.

So I fixed it this way:

This works for Chrome and Internet Explorer.

Under Firefox and Safari it doesn't fires out the 2nd resize event, so when I click minimize or maximize, the tables' width get misadjusted.

Any solution?

- I didn't know it was imposible, so far I wouldn't had achieved it. -

1. $(document).ready(function(){
2.       [...]
3.       $(funtion(){
4.             $('div#btn').click(function(){
5.                   $(location).attr('href', '../otherHTML.html');
6.                   return false;
7.             });
8.       });
9.       [...]
10. });

- I didn't know it was imposible, so far I wouldn't had achieved it. -

I'm stucked ...

Here's the code I'm trying to develop but it doesn't work: http://jsfiddle.net/VRjzF/

My idea is to check all the checkboxes both when you click over "All" or all the other children checkboxes has been selected.

- I didn't know it was imposible, so far I wouldn't had achieved it. -

I'm trying to load & read directly with jQuery.ajax an XML file.

Here is the code I'm using:

- I didn't know it was imposible, so far I wouldn't had achieved it. -

The var 'id_input' returns in blank.

¿There's any solution without using CSS?