I have found what seems to be a bug. When you have a keydown, keypress and keyup event handler on a text box in Opera, it won't call the keyup handler when you hit the down arrow key. Every other key, including up arrow, seems to work fine.
To make sure it wasn't just me, I tried this in Opera with one of Mike's demos:
If you use the arrow keys while any object other than a textbox has focus, keydown, keypress and keyup show 40 and 38 for down and up arrow, respectively. However, if you focus on one of the textboxes, 40 only shows up for keydown and keypress, not keyup. 38, however, continues to show up for all events.
Geeting a JS error from IE 6 only in this method: handle: function( event ) { var all, handlers, namespaces, namespace, events;
[Code]...
On the last line of the code snippet above. It appears to me that IE6 doesn't like the fact that the events object is undefined. To trigger this error we are doing a simple blur binding to an input box. ex:
$(field).bind('blur', function(){onfocusout(this);}); It appears IE 6 stops executing JS after the error (imagine that). Is this an issue in jQuery core or BTW I know MS has dropped IE 6 support but we still have customers.
I have a script for a radio player that I'm working on using Windows Media Player. Before I was using the safe WMP 6.4 object model but because of feature requests I've had to include support for more recent WMPs.
I have a javascript class that wraps the versions and depending on which version is being used it calls different methods. I was wondering if there was a way to assign the events of WMP to functions in javascript, but without using <script for=WMP event=blah> type tags. Code:
If you've caught a mouse event (say, onmousemove) and you're currently in the process of handling that event, is it possible for that, or another, mouse event handler to get hit again, at the same time that you're handling the previous event? Or is it guaranteed that no additional events will actually call any of your event handlers until your code returns from handling the prior event? That is, is it strictly sequential processing, or can they occur simultaneously?
I have a page with a textbox that I want to have a message written inside it that will dissapear when the user clicks in the text box and writes something and it will show up again if the user clicks somewhere else but hasn't written anything inside the textbox. So I am using the onfocus event in order to write "Enter your email here" and the onfocus event in order to show the "Enter your email here" message inside the textbox if the user clicks somewhere else in the webpage but has left the textbox blank. If however the user has written, for exampl "jim@yahoo.com", I want this to remain in the textbox.What am I doing wrong?
I have kind of a complicated setup, and I was hoping to bounce this off some one's head who's more experienced with JavaScript.Assuming I have the following HTML markup:
I have a div with opacity 0.44 and a picture inside it. When i activate mouse events, this picture (with position absolute ) floats to top. This effect is seen only in Opera. Is there a workaround for this? Example:[URL]...
I am trying to "ajaxify" my site. Now I have one problem:
$("#posts").children().remove(); $("#tag-sidebar").children().remove(); $.each(data.Tags_Sidebar, function (indexInArray, valueOfElement) { var insert = $("<li>");
[Code]......
Now when I click one of those links (href1, href2, href3) generated, the click event won't execute! What's the problem? Also, is it right that I have to transfer the valueOfElement over, like I did? What does stopEventPropagation do? Prevent the href from being navigated to? That's what I am trying to do.
I have a series of images with an animation bound to mouseover and mouseleave events, and I'm trying to get my head around adding a click event that would prevent the mouseleave animation from occurring only for the image that was clicked, preserving everything else as is (until another image is clicked). I've discovered .stop() and I think I'm getting close, but some part of the logic is still escaping me.
We have some date fields in our HTML forms in various places. In the accounts package we use, there is some pretty nifty date handling.
It has a standardised date format of dd/mm/yyyy and if you enter e.g.
3-12 it will switch it to 3/12/2005
Same applies for e.g. 3:12 etc
Anyone know of some javascript which will do this for our HTML form fields? Our target format is actually dd-mon-yyyy and it would make it really nice for users if the system could accept a variety of input formats and then switch it to a date to our specification. Any suggestions?
I have few textfields and dropdowns in my jsp, form is submitted on clicking an image link.
In case there is an error for instance some text field is left empty, then message is displayed below respective fields ( using spans, inner html). The message is displayed onblur event of the field. So if there was an error then message is displayed, now if the user corrects the error and clicks the link then first the message disaapears ,which is desired ,but he has to click again to submit the form. please suggest a way to handle this. So that user doesn't have to click the link twice to submit the form.I tried having onmousedown and onfocus events on image , but then sometimes the form was submitted twice which gave backend errors.
This works but the user needs to hit the go button, if they just hit return the text field is emptied, I would like if the user hits ENTER, the search begins.
I believe I can add something similar as
if (window.event.keyCode == 13)
But I am not sure how to incorporate it in the form?
I am struggling to find definitive information on how IE 5.5, 6 and 7 handle character input (I am happy with the display of text).
I have two main questions:
1. Does IE automaticall convert text input in HTML forms from the native character set (e.g. SJIS, 8859-1 etc) to UTF-8 prior to sending the input back to the server?
2. Does IE Javascript do the same? So if I write a Javascript function that compares a UTF-8 string to a string that a user has inputted into a text box, will IE convert the user's string into UTF-8 before doing the comparison?
I think that the answer to question 1 is probably "YES", but I cannot find any information on question 2!
I have javascript calculating the total price of all the products in a shoppping cart. The prices are in the format of 10.99 or 5.50 or 10 ete.g if there are five items bought for 10.99 and 1 bought for 10, the script will multiply 10.99 by 3, then multiply 10 by one, then add the two results.
The resulting number is sometimes right, but quite often it ads an extra '000000002' or so to the amount??
a common task when writing multi-use functions, is deciphering the type of data passed to the function.
Javascript's built-in data identification methods complicate function writing, by imposing a "20 questions" style interogation to determine the actual, useful to a programmer, type.
they also slow down functions, requiring both a function execution and a comparision operation upon every type guess.
a common method is something like: if(typeof x=='string'){ };
but this has several limitations. for example: x=[1,2,3]; typeof x; //returns 'object'
safely catching an undefined is often done like: if(typeof x != 'undefined' ){ };
my function making got a lot easier after writing these simple prototypes:
//when expecting a string or array possibility: y=x.isString?x:x.join();
//more-flexible event handling:
function doBold(elm){ //accepts element object or id string... if(elm.isString){elm=document.getElementById(elm);} elm.style.fontWeight="bold"; }//end doBold
// detect an undefined variable: if( ! x.type){ alert('x is undefined')};
by tucking the protos in your script file, you get simpler, faster-executing code. (for a tiny bit of overhead)
if script length is of upmost concern (as in a bookmarklet), these smaller protos give you simpler typing: (without the speed benefits...)
Object.prototype.type=function(){return typeof this;}; //usage: switch(x.type()){ case 'string': return x; case 'date': return x.toLocaleString(); case 'array': return x.join(' '); default: return x.toString(); }//end switch;
I have two div elements (both dynamically created, one within the other). The parent div has an event attached to it:
contextmenuDIV.onmouseout = function () {doSomething()}
for example. However the onmouseout event will fire when you mouseover the child div as (of course) I am technically leaving the div layer (despite it being the parent).
Is there anyway to cancel this? I've read all about bubbling and all that, but it's just confusing me even more!
Anyway, at all, to allow me to have divs within another div element but only allow the event to fire for the parent!
I work in a team of developers and our pages are dynamically created using Java.I can at any moment change the inline JS across a site due to this so changes are easier then if the site was just static HTML.As far as reasons to use dom 2 over inline, I looking for something beyond:
it separates behavior from html
it is a best practice
it is the 'modern' way of doing it
I need facts that explain why it is a best practice or why 'modern' is better like : you can only assign one function action to the event.That was just an example which I see but is not true to me.I can either assign multiple functions to it like:
and then have a function defined before the inline call like
Code JavaScript: function myMultiFunctionCall() {[code].....
Here the second statement overwrites the first.By the way, here is a con for using dom and to me a big one considering debugging: you can't see what event handlers are assigned to what unlike inline where it is obvious because it is in the page. see http:[url].......
I am working on this web site with some of the pages at a different domain name. It is actually one web site, but some of the pages are at a different domain name (different root, too) although the IP address is the same.
Basically, there is one main window, and a pop-up window. They need to "talk" to each other - mainly access properties to see what page they are on.
As, the web site is on two domain names, there is a security problem when the pop-up window tries to read properties in the main window, or vice versa.
Is there anyway to share information between the two? Or is it hopeless?
The following bit of javascript writes and retrieves a cookie which counts a users visits to the page. Then using swfobject it both embeds main_banner.swf and passes the cookie value "visits" to it via flashvars. The trouble is in the actionscript below; the vallue has been passed (this is certain, because the .swf shows up rather than the alternative content)- but the .swf is stuck on the first frame rather than processing the cookie and sending the user to the appropriate frame label.
I am having a list (ul) in which a mouse over will populate its sub categories as list under that(like tree) and so on. My problem is, when passes mouse over a 2nd or 3rd level element, 2 mouse over events will be fired (The actual one and its parent) The sample code is given below
How can I have a button with onclick that calls a function which returns a true/false based on the associated input, and based on the return value shows a message that it was true or false. I see how onclick can call one function, but is there a way to call two functions and use the return value of one of the functions?
I am using IFRAMES to load 3rd party domains in my website. I am facing few problems using IFRAMES in IE and Firefox.
1) I am unable to login into the 3rd party website within the IFRAME. Is there any solution to overcome this issue?
2) Upon clicking a link inside 3rd party wesite within the IFRAME, the resulting page is not loading within the IFRAME, it is going out of scope. For example clicking MyMail link in yahoo.
I have a JSP page with several forms on it. Some of these forms are generated dynamically, and each of them submits some information to a database.
Handling one form is easy, as I can simply make the form post to itself, and handle the data using a single bean. Since I have multiple forms, I now have a problem. Several of the forms on the page handle the same type of data (same input names), and a 'setproperty *' call for each of the form beans would change data in several beasn, not just the form/bean that sent the data.
I am attempting to write a separate JSP with a single bean that handles a form submission. However, I'm not sure how to make this page go back to the referring page from which the data was submitted.
I have a form with the same structure being loaded in 3 tabs. Now during validation, I will have issues with the IDs of the form fields. Now is it possible to disable the forms in tab 1 and tab 3 when tab 2 is clicked.