How To Get The Element That Fires The Event?
Mar 12, 2007
I have the following html:
<div id="div1"><button id="bt1">click me</button></div>
and in script I attach events:
div1.attachEvent("onclick", handler );
bt1.attachEvent("onclick", handler );
where
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.
View 7 Replies
ADVERTISEMENT
Aug 9, 2011
I have a jQuery event
$('#msg-text').keyup(function() {
$('#msg-chr-remaining').html('Remaining characters: '+(255-$('#msg-text').length));
});
The problem is it fires only once - the first time.
View 1 Replies
View Related
May 23, 2007
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:
View 3 Replies
View Related
Aug 24, 2011
I create buttons from an array of objects that such as:
buttons = [{ text: "button 1", action: 1}, {text: "button 2", action: 2}];
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.
View 2 Replies
View Related
Sep 9, 2010
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.
Here is my code:
$(document).ready(function() {
$(':checkbox').change(function() {
$(this).attr('disabled','disabled');
$('#' + $(this).attr('id') + 'Waiting').addClass('loading');
[Code]....
View 6 Replies
View Related
Mar 18, 2011
i generated a subnode for all unordered lists which are Childs of List-Elements like this:
<ul>
<li>1</li>
<li>2
<ul>
[Code].....
View 2 Replies
View Related
May 16, 2011
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.
View 1 Replies
View Related
Aug 25, 2011
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?
View 4 Replies
View Related
Sep 6, 2010
Alright, so I'm working on a script, and I'm simply using the following code:
document.getElementById("element").onclick = alert("hello");
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?
View 5 Replies
View Related
Jul 30, 2009
I am trying to implement a div containing an advanced search form drop down on hover and I have everything working (only in FF) except for when I try to add any sort of animation or speed to the '.show' or'.hide' effect. When I try to add speed or seemingly any other effect to the div, the select elements of the search form fires the hover
[Code]...
View 1 Replies
View Related
Feb 1, 2010
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".
$('input').live("focusin",function(objectRef) {
alert("focusin event");
})
View 1 Replies
View Related
Nov 13, 2010
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.
View 1 Replies
View Related
Sep 30, 2011
JQuery click event fires on second click but not on first. I have had this happend before some time ago.
View 6 Replies
View Related
Aug 19, 2011
how can i know the original element that raised the event if that event is propagated up the tree ?
View 6 Replies
View Related
Jul 6, 2009
As far as I understood, stopPropagation() is supposed to stop events bubbling 'up' though the element tree (through parent elements). Eg. If I use stopPropagation() on a click event on an anchor element in a list, the event would not be triggered on the list. In my code I have a popup div, that needs to have stopPropagation(), as a click on the document (everywhere other than the popup) will hide it. When I add an element to the popup that has a live click event, the live click event is never called, even though it is a child element of the popup. Shouldn't the live click get called first? If I remove the stopPropagation all is well.. some code:
$('#a_test_link').live("click", function(e){
e.preventDefault();
alert('done!');
});
[Code].....
View 1 Replies
View Related
Jul 29, 2011
I`m trying to make selecting an select list option (as it become when we click on it)by clicking on a special pseudo element.I`m trying to do it in this way:
<script>
$(document).ready(function(){
$(".psevdo-checkbox").each(function(){
$(this).click(function(){
[Code].....
View 6 Replies
View Related
Aug 6, 2010
the code i have works in ff, chrome, opera, safari. but not ie7.in the callback function i append to the dom and after it exists in the dom i attach an event to it. this works in other browsers but does nothing in ie.. what could be causing this?
Code JavaScript:
$.get('/ajax/itemqty.aspx', {'product':product}, function(data){
// this is just a snippet of code. in my project i loop through rows and insert links based
[code]....
View 1 Replies
View Related
Jul 23, 2005
On my form, I turn the forecolor blue when an element's value changes by
comparing a custom "origVal" tag on each element. This works fine.
Then, when the user resets the form (double escape key), the onreset event
fires. I then loop through all the elements in the form and change the
forecolor back to black. This also works. However, it takes a long time to
loop through this because of the large number of elements on the page.
If possible, I want to process only the elements that have been reset, not
all of them. Is there some undocumented event or some method I can use to
revert the forecolor on only the changed items?
I already tried adding an "onreset" attribute to each element, but that
didn't fire. Also, the onchange event does not apply because it only fires
when a single element loses focus and has a changed value.
View 3 Replies
View Related
Nov 22, 2005
I am trying to display a notice to users whose browser does not support a method for adding an event. However, I want this notice to appear in a DIV rather than in an annoying alert box each time the page loads. I would also like this DIV to go away if it is clicked on. However, I can't get anything into the onClick attribute in Firefox 1.5 or Internet Explorer 6.
var alert_element = document.createElement('div');
alert_element.style.color = 'darkred'
alert_element.style.border = ƈpx solid darkred'
alert_element.style.padding = Ƌpx'
alert_element.style.cursor = 'pointer'
alert_element.innerHTML = '<b>Your browser does not support the addition of event listeners!</b>'
/* Remove the alert element when clicked. */
alert_element.onClick = "parent_element.parentNode.removeChild(this)";
/* Create the temporary status message element. */
parent_element.parentNode.insertBefore(alert_element, parent_element.nextSibling);
The "parent_element" is already declared before this is reached. There are no errors displayed and the new DIV element shows up just as expected. However, clicking on the DIV does nothing.
View 3 Replies
View Related
Jun 7, 2011
How to get the id of an element using onClick Event in <body> tag using javascript?
View 9 Replies
View Related
Mar 12, 2010
I have some LI elements, where, on page load a function bindHover() binds the hover event handler code I need to that LI element.Later in my script, I'm appending another LI to that list, sorting the list, and calling bindHover() again, which binds the hover event handler to the newly appended element, but also all of the existing LI elements that already are bound.
View 5 Replies
View Related
Jul 23, 2005
Does someone can help me with the following problem?
I have a SELECT form tag, with some OPTIONS elements. I am using the
following code to detect a click in the SELECT.
....
document.onclick = fnc_document_click
....
function fnc_document_click(){
if(window.event.srcElement.id == "my_lst"){
......
}
}
How can I avoid the "if" if user click in a area of SELECT out of the
options elements? (The SELECT object is higher than the the goups of
OPTIONS its contains)
In other words, how can detect if the click Iinside the SELECT element)
happens in a OPTION element or not?
View 1 Replies
View Related
Aug 12, 2010
Imagine an element with a specific selector getting created and then once the element exists and the selector is applied, all of the behaviors are applied (events, styles and plugin methods).
[Code]...
This would be similar to the live event where a function is applied to the specified event of all selectors even if they do not exist yet. The only difference is that the event is not the typical peripheral driven event (mousemove, keyup,etc) but would be fired once that element exists in DOM.
View 1 Replies
View Related
Oct 16, 2010
Okay I have a div element which has a click event for deleting it but I also have sub li elements with click events for deleting them, problem is if I click a sub element the click event is also triggered for the parent how can I ensure it only triggers on the topmost visible element?
View 1 Replies
View Related
Sep 6, 2011
Suppose I have below code
HTML
<div id="nsu-navigation-bar">
<div class="nav-menu-box">
<ul>
<li id="nav_item_1_parent" class="nav_main_list_item">
<p><a href="#">About</a></p>
[Code]...
with my jquery code , I tried to hide and show the inside div of li but I can't . Is there any easy way to do this? like $(this).('.nav_item_panel_div') or something else which fits my need
View 2 Replies
View Related
May 21, 2009
i have a link that onclick calls function printSection<a class='print' href='javascript:printSection();'>Print</a>i want to find out which link isit so i can get the parent, and dowhatever i need to
View 1 Replies
View Related