I am doing some showing and hiding of unordered lists for menus. I like CSS and so I swap the id of the unordered list to either show or hide the <ul>. The code works fine in Firefox but not in IE6. I start with the <ul> hidden using <ul id="SubMenu1Hide">. I attach the evens to the onmouseover and onmousout events. The bug happens in IE when I rollover the element with the event attached it does not show or disappear.
The <ul> seems to stay hidden like it is the default, it will never appear. Here is the weird thing. If I start with the id="SubMenu1Show" the menu shows as it is supposed to, stays visible when I mouseover and then disappears when I mouseout. It then continues to work as it is supposed to, appearing on rollover and disapearing on mouseout.
I want the submenus to all stack on top of each other on the page and be hidden by default then only show when you mouseover it's main menu heading. Here is the code:
I am using the following code to hide one <div> and make another visible. It fires just fine in IE and Chrome. Also, the same page has other javascript links which do fire in Firefox as well.
[Code]...
ship_details and ship_update are the names of the DIV. Spelling is correct (and even MS Visual Studio suggests those names and I select from the drop down.)
function handler( e ) { if ( !e ) e = window.event; var elem = e.srcElement;}
So handler is attached to the div and the button. I CLICK the button. In the function handler() e.srcElement gives me the object that started the event: the button. However, how do I get the object that fires the current event. So when the onclick is fired for the div (the onclick bubbles), what gives me the div element in this function? Because e.srcElement always gives me the button even when the onclick is fired for the div.
I then loop thru the array to assign the text and bind the click event after having created the buttons with IDs of "button_<index>".
for( var index in buttons ) { $("#button_"+index).html ( buttons[index].text ) .click( function() { clickButton( buttons[index].action ) } ); }
The text appears correctly in the button, but every button defined only fires the list bound click, in this example the action equal to'2'whether I push "Button 1" or "Button 2".My actual case has four buttons, all firing the event for the fourth button.I've tried not chaining the .click(), going thru the loop twice once for the .html and once for the .click, neither of which made a difference. If I hard code each button .click, it works fine.
I have a series of checkboxes on a page and the goal is to run an ajax post each time one of the checkboxes is checked. When the page loads, the first time I click each of the checkboxes everything goes as planned. After I receive the response from my ajax php function and all related events fire, I click the checkbox again and nothing happens. The event listener seems to have stopped functioning.
Simple ajax call seems to have some issues in Firefox. The "onComplete:" is called BEFORE the response is returned by the call. Is there a coding issue or a work around?
var ajax = new Ajax.Request( url, {method: 'post', parameters: params, onComplete: evalInfo });
function evalInfo( request ) { // do stuff with request }
Should I have a timer that checks the request state before exec the evalInfo?
I cant figure out why a trigger event fires in the following function:
But not in this function:
When using FF 4 or CHROME 10, it seems to work fine in IE9. I have validated that the second function is pulling the proper elements when selecting the toFire variable, but the trigger just doesnt seem to fire. Value is always true or false, never undefined and the Click event that is being fired in the second function is the same that is being triggered in the first function.
I am using window.unload for some use case in my code. But windows.unload fires on every event. I know to controller it on event like button click or link, but how do I prevent Unload event to fire on refresh or back button event?
When I load the page, the alert fires instantaneously. I'm completely stumped. I've checked everything in my not too extensive Javascript file, and it looks fine. What common errors could cause this?
I am using JQuery 1.4.1. I have HTML input elements which created dynamically. I have assigned "focusin" event all input elements. While loading page, it is triggers only once while focusing each input element. When I minimize and maximize the page, focus event is fired multiple times. Finally it show "Stack overflow at line 0".
i am facing a problem after using jquery jconfirm alert. Issue is that after receiving confirm alert, when user press tab to go on Cancel button and press Enter key there, despite of firing event of Cancel button, it fires the event of OK button. this issue is not produced when user press the cancel button by mouse. Waiting for your replies.
I need an event that checks if the size of a DIV has changed. The "resize" event works in IE but not in FF. Or, more precisely, The "resize" event works in FF but NOT for resizing DIVs. Is there an event that works like the "resize" event but also can be used in with DIVs in FF?
I have come across a problem that seems common with firefox and the use of event. I have a simple javascript function which trys to determine the element that an event was acted upon:
Code:
This is called on click of a input:
Code:
This seems to work correctly for every browser except firefox. A quick search online and all the fixes seem to include:
Code:
But when I debug this function, neither e or event are defined, am i overlooking something really obvious?
My original idea of two trains, however pictural it was, appeared to be wrong. The truth seems to be even more chaotic.
IE implements its standard down-up model: any mouse event goes from the deepest visible element to the top. By carefully studying fromElement and toElement properties, one can handle events on any point of their way up.
NN/FF implements a "Russian hills" style: mouse events go first up->down (window->deepest element), and right away after that it goes down->up (deepest element->window). On theory you can handle events during any phase on any level. On practice this implementation has some major flaws. I don't have NN handy right now, but in FF we have:
I have a requirement to force the pageUp and pageDown keys to function the same as the arrowUp and arrowDown. I believe I'm ok with IE but have issues with setting the value for FireFox ...specifically line: evt.which=38; and line evt.which=40; -the "which" seems to only have a getter-
try{ if (window.document.addEventListener) { window.document.addEventListener("keydown", reviseKeyFunctions, false); }else{
I can't fire my function with onclick event in Firefox.My little piece of code works perfect inIE. but in firefox it just doesn't work and no error in firebug by theway.I'm using Firefox 3.0.9This is the code:
<script type="text/javascript"> function del(mesId) { $(document).ready(function() {
