Can anyone explain why this just alerts [object]. I'm trying to change the background of a tr when it's clicked on, I only added in the alerts to see why it wasn't working.
<tr class="a"
function sel() {
var x = event.srcElement;
alert(x);
}
Is there a better method?
I have this IE specific bit of code for finding the originating node:
var obj=window.event.srcElement;
How do I do that cross browser (Opera, NS, Safari...)? Is there a standard
DOM method?
I seem to recall NS worked something like this:
onmousedown=handleThat;
function handleThat(e){
e.target;
// but then I'd have to take the parent to get the same node as IE
}
Event handling makes my head spin!
This is my object elobj.
elobj=el.document.frames[fIDx].document.body
elobj.onresizeend=doElResizeEnd
When some one resize image element the doElResizeEnd function
start's .But I get "Require object" error from "var el= event.srcElement;"
function doElResizeEnd()
{
var el= event.srcElement;
if( el.type=='image')
{
alert(el.name)
alert(""+el.width)
alert(""+el.height)
}
alert("doElResizeEnd");
}
//This is my html code
<INPUT TYPE="Button" CLASS="Button" onClick="delRow()" VALUE="Delete Row">
//this is javascript function for deleting a row
function delRow()[code].....
When you click on the "details" link, a modal window pops up with the job info.This works in IE, but nowhere else. My js skills are shaky, at best, but I did figure out that event.srcElement is IE only and that there are better, modern methods of achieving this.Problem is, I don't know how to implement them in this instance.How can I rewrite this so the modal window functions correctly in IE, FF, etc?Here's the code:
Code:
function displayDetails(num,ctrl)
{
for(var i=0; i<details.length; i++)[code]...
Mozilla-equivalent of the following line of code:
document.getElementById('editorContent').contentWindow.event.srcElement.href
The purpose of this line is to get the "href" value of a link when clicked on inside a content-editable iframe.I have the function working perfectly in IE, but not having much luck with Mozilla browsers.
In this case the e.srcElement/e.target should return 'home' or 'about', but instead one of the two layers inside 'home' or 'about' will be returned. And these dont even have a onmouseover attribute! The following page is specially made to make it easy to fix the bug if you know how :-)[URL]
View 8 Replies View RelatedIf I am using srcElement (or "target" for non-IE models) to return
various properties of an object I have clicked on, can I access for
"label for" value in any way? I'm thinking, for example, of an input
text box like this:
<label for="fred">Username:</label>
<input type="text" name="hello" id="hello1" size="10">
Now, once a function has:
var obj=event.srcElement || event.target;
.... at the top, I should be able to access obj.name and get "hello"
etc, but how can I access the label value of "fred"? I did try
obj.label but it didn't work...
I got this problem with live() event.I have used it as follows.
$(".addressDiv span").live("mouseover", function(){
//clickable function here......
------------------------
});
I have used the live() event to trigger the function on mouseover in the dynamically added elements. But the problem i got is that once the live event is called it takes the class of the element and stores. And when the class of that particular element is changed dynamically the live() event does not detect the new classed added dynamically, instead it takes the former class. Live() event does not update the class.
I have an iframe that includes a button:
<input type="button" value="close this window" onclick="window.close();" >
I would like to detect the iframe close event from the parent window, I
was using this code but I did something wrong because the temp function
is fired every time the parent page loads:
function temp(){
alert('the iframe was closed');
}
function setup(){
var myIFrame = document.getElementById("iframe1");
if (myIFrame.addEventListener) {
myIFrame.addEventListener('onclose', temp(), false);
}else if (myIFrame.attachEvent) {
myIFrame.attachEvent ('onclose',temp);
}else{
myIFrame.onclose=temp();
}
}
window.onload=setup;
how can i know the original element that raised the event if that event is propagated up the tree ?
View 6 Replies View RelatedAs 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].....
I'm currently facing a weird issue with the onchange event. I have a web application where each blur event makes a call the webserver to store the value of the textfield. I only want to trigger that ajax call when something has changed, so i track the onchange event on each textfield to set a flag if something has changed.
The onchange event always fires to first time when i click outside of a textfield even if i didn't change anything in the field.
I narrowed it down to the following: A prefilled textfield always fires the onchange-event the first time you leave the textfield. An initially empty textfield does not fire the onchange event.
Sample code (IE 8 on Windows 7 computer):
script:
HTML:
Is there a generic way to fire an event when the state/value of a checkbox is changed by another event - i.e. not a user action. In this scenario, I have a set of checkboxes with a "select all" checkbox. I have the code written such that checking or unchecking the "select all" checkbox updates the state of all of the checkboxes below.
The extra requirement here is that some of these checkboxes have "children". So, when you check one of these, its children are automatically checked as well. So, what I need to do is check the main "select all" checkbox, which would then check all of the immediate children, which would then check all of their immediate children. I tried both an onchange and onclick event, but neither seem to be firing.
<html>
<head>
<script src="/scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
[code]....
look at this script :
$(function(){
$('input').bind('keypress',null,b).bind('change',null,a);
});
function a(){
[Code].....
this script bind both keypress and change of the text box to functions b and a. at keypress event handler if user type a char on input box the value of input box change to x and the user char discarded. In this case we expected to run the onchange (change) event because the textbox value is changed BUT this doesn't happen.
I have an object that has a click event I'm trying to trigger. However in the click event I have the following if statement:
if(event.button != 0){return true;}
This if statement allows right clicks to go through and activate but it also prevents me from triggering the event. Any ideas on how to prevent this? If I remove the if statement from the first click function everything works as intended.Here's my example code based off of the trigger event examples:
<!DOCTYPE html>
<html>
<head>
[code]....
This is just a page swapping images on the mouseover event, but i want to remove the mouseover events from all links when the the on click function is triggered, this is the html code,
View 3 Replies View RelatedI tried 2 smilar code.
first one :
In this code first 111 message is shown then the other is shown. everything is ok for me in this code.
Then i tried second code.
But in this code 111 message is not shown. What is the problem. my aim for this code, calling same event in one <script> tags. How can i do this?
currently on our site we have and expanding <div> that responds to both the onmouseover and onmouseout events. It works wonderfully.
The UX people now would like the expanding <div> to open with the onclick event and then as soon as the mouse leaves the expanded div, it would close. I have tried using the onmouseout event in conjunction the onclick event but it does not work (the div persists).
The DOM Level 3 specification has a section (1.2.2.2) that talks briefly about "groups" of event listeners. What does this mean? Is this similar to attaching event listeners with a namespace, as in jQuery: "event.my_namespace"?
View 2 Replies View RelatedIs it possible to capture the control.event or element.event that was fired to invoke the onbeforeunload event.
For example, if a button is clicked and it causes the onbeforeunload event to fire can i determine which button was clicked.
HTML Code:
<html>
<head>
<style type="text/css">[code]....
All i want to do is have the onclick fire when mouse clicks on the background only. Currently it fires when either element is clicking.( it fires through the foreground element)How to i prevent this while maintaining a child parent positioning relationship?
I want to be able to prevent an event from running while another is in progress. For example, on this page [URL]
if you click "Next" a number of times quickly, it stores all the clicks in a queue and will continue to run all the clicks way after u finished clicking, how can i prevent another event being added to a queue while an event is running?
Code:
<script ... javascript >
document.onmousemove=(hit_test);
function hit_test(evt)
{
if (!evt) evt = window.event;
if (evt) document.getElementById("a").innerHTML = evt.clientX;
}
</script >
which works nicely;
I understand that the 'event' object is a globally accessible object in IE but not in Mozilla; instead in Mozilla the 'event' object is sent, by default, as the first parameter in a call to a function; is this true? ...
Is there anyway to trigger an onChange event without actually clicking etc.
I want to trigger it from a method. It sounds silly but I'm taking some code over from another developer and if I could do this it would save me days of re-writing!!!
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.
