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

Js Event Fires Only Once?

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

Event Fires In Firefox But Not IE

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

JQuery :: Dynamically Created Buttons Click Event Fires Last Bound Event For All Buttons?

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

JQuery :: Change Event Only Fires Once

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

JQuery :: Click Event Fires Twice?

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

JQuery :: Trigger() Event Fires - Function ?

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

JQuery :: Window.Unload Fires On Every Event

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

OnClick Event Fires When The Page Loads?

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

JQuery :: Select Element Fires Hover?

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

JQuery :: Live() - Focusin Event Fires Multiple Times While Using 1.4.1?

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

JQuery :: JConfirm Alert / After Receiving Confirm Alert / Fires Event Of OK Button

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

JQuery :: Click Event Fires On Second Click But Not On First

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

JQuery :: Original Element That Raised The Event If That Event Is Propagated Up The Tree?

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

JQuery :: Event.stopPropagation() Is Preventing A Live Event On A Child Element

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

JQuery :: Make Element Click Event By Clicking On The Other Element?

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

Event Will Not Attach To Element After Ajax Inserts Element In DOM?

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

Element OnReset Event?

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

Adding An Event To A New Element

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 = &#392;px solid darkred'
alert_element.style.padding = &#395;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

Get Id Of An Element In OnClick Event?

Jun 7, 2011

How to get the id of an element using onClick Event in <body> tag using javascript?

View 9 Replies View Related

Is It Bad To Bind An Event To An Element Twice?

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

Click Event In SELECT Element

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

JQuery :: After Element Is Created Event?

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

JQuery :: Click Event On Only Top Element?

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

JQuery :: Specify An Element Inside A Event?

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

JQuery :: Get The Element That Triggered The Event?

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







Copyrights 2005-15 www.BigResource.com, All rights reserved