Use "event Triggering" Tag As A Reference In A Function?
Dec 5, 2010
I'm wondering if there is a way to identify the "current" tag or the tag within which an event is triggered as a reference point in a javascript function.
Thus, can I set up a function so that when a certain tag is clicked it will do something to, say, the child of the tag that was clicked?
The function would say "do something to the child of the tag that triggered the event by being clicked."
I know I can do this by identifying the tag by ID, class or some DOM location. What I want to know is if I can can identify it by the fact that it is where the event was triggered.
View 8 Replies
ADVERTISEMENT
Jun 27, 2011
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]....
View 1 Replies
View Related
Apr 8, 2010
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]....
View 5 Replies
View Related
Oct 11, 2010
I've spent a good while trying to solve this on my own with no luck. The .blur jquery event I'm trying to use isn't firing and I can't figure out why.My entire JS file:
Code:
$('#unitOneRent').blur(function() {
alert('**** yeah!');
[code]....
View 1 Replies
View Related
Jun 4, 2010
I wish to dynamically add a menu, and then trigger an event when the menu changes.Can anyone tell me why the following doesn't work?
$("#mySelect").change(function() {alert('#mySelectchanged');});
$("#myID").html('<select id="mySelect"><option>one</option><option>two</option><option>three</option></select>);
View 3 Replies
View Related
Aug 23, 2010
I have some simple code to make a link open on page load. When the code fires it shows the alert 'clicked' but then nothing happens. The url is generated with APEX and if i click the link on the page physically the alert fires and the page redirects to the linked Url. Why isn't the click event working?
jQuery:
$(document).ready(function(){
$('.myLink').click();
});[code]....
View 2 Replies
View Related
Aug 25, 2009
I built a small JavaScript file that does some HTML and CSS manipulation when you hover over any tag with a certain class. It works great when running on the same server, but if I try to use the JS as an external script, the hover event isn't triggering. Here is my external JS file code:
$(document).ready(function() {
alert('i work inside');
$(".start").hover(
function (e) {
[code]....
View 4 Replies
View Related
Dec 18, 2010
I want an event to be triggered when I use left and right arrow buttons like this:
Code:
$(document).keypress(function(e){
if (e.keyCode == 39 && key_pressOK) {
e.preventDefault();
$("#next").trigger('click');
key_pressOK = 0;
}});
This works on firefox, but not chrome, haven't even bothered checking the other browsers since it didn't even work on chrome.
View 4 Replies
View Related
May 28, 2010
I have a function where I want to add a sibling element to each of the elements and trigger a click on each of them right away. Here's what I have so far:
$(function(){
$('#articles').delegate('.click-link','click',function(){
$(this).toggle(
function(){
alert('toggle one');
},
function(){
alert('toggle two');
});
});
$('.toggle').each(function(){
$(this).after('<span class="click-link">Hide</span>');
$(this).next().trigger('click');
});
});
For some reason the toggle doesn't get triggered. If I put something in the function right before the toggle, it fires on page ready. However, the toggle doesn't fire. toggleClass does, though. What can be causing this?
View 4 Replies
View Related
May 5, 2011
I must be writing this wrong.
<script type=text/javascript >
$(document).ready(function() {
if(event.charCode || event.charCode !==13) {
[code]....
View 1 Replies
View Related
Jul 10, 2009
I have a checkbox that I'd like to show/hide an input text element. When the checkbox is checked, the textbox disappears. When the checkbox is unchecked, the textbox reappears.This works fine in firefox:
Code JavaScript:
$(document).ready(function(){
$("#generate_name").change(function(){
[code]....
View 4 Replies
View Related
Jul 11, 2010
I've been using this little bit of code to show a div when the user rolls over a link:
$('a#eventspopupbtn').mouseover(function() {$('#menu').hide('fast'); $('#eventspopup').show('fast');
return false;
});
I have been trying to extend this bit of code so that there is a short delay built inso that if the user rolls over the link by mistake or 'just passing through' the div is not displayed. I tried using setTimeout but couldn't get that working (unfortunately, I can't share that with you because I lost the code).
View 3 Replies
View Related
Jan 20, 2011
I'm new to jquery, and to javascript in fact. I'm trying to find some way to find out when an element (by its Id, class or element type) has been loaded. What I have is the following: I have a report in a table, and the records are paginated so that only a few (say 10) are shown each time. When I press "next page" only the table is reloaded instead of the whole page.
The thing is, some of the table cells have a datepicker, but I only manage to show the datepicker in the first page (because it is the only time when the whole page is loaded and I add the datepicker on document.ready). So, I guess what I'm looking for is something like $("table").ready(function... . I have found an "elementReady" plugin, but what it does is triggering an event when a given element is ready (which is what I want) only when the full DOM is loading (which is not what I want).
View 3 Replies
View Related
Sep 9, 2010
I'm playing with jQuery and I'm having a problem with this code; Problem: trigger a pluggin that gets called from .click(function(){};
[Code]...
View 2 Replies
View Related
Sep 24, 2010
I have HTML code that reads:
Code html:
<div onClick="javascript:update_status();" class="profile_status" style="cursor: pointer">
<!-- my interesting profile status update here -->
</div>
What's interesting is that the javascript function update_status() fires in Firefox when I click the div, but in Safari it does not.
View 6 Replies
View Related
May 10, 2009
Is it possible to trigger a function that fires when an item is selected from the autocomplete box?
View 1 Replies
View Related
May 30, 2006
If I have several links with onClick events pointing to the same function, how can I get a reference back to the link that was clicked? I'd like to change the link text after the onClick fires so the user knows something is happening, without having to create and assign id's to every link.
View 5 Replies
View Related
Feb 23, 2007
As far as readability and consistency, which is better in your opinion (or if functional difference, that I didn't account for,)
Event.observe($('txtName'), 'keypress', handleKeyPress);
Choose one:
A.
Code:
function handleKeyPress(event) {
alert(event.keyCode);
}
B.
Code:
function handleKeyPress(evt) {
evt = evt || window.event;
alert(evt.keyCode);
}
C.
Code:
function handleKeyPress(evt) {
evt = evt ? evt : window.event;
alert(evt.keyCode);
}
View 2 Replies
View Related
Jan 3, 2006
I've been playing around with JS for a while, but I've not ever found fantastic learning resources. I'm comfortable with other programming languages, so I'm very interested in OOP programming for JS, and I've started to use tools like the Prototype library for that purpose.
However, one problem has consistently caused me problems whenever I'm writing a JS Class. How can I get a reference to the specific class instance from inside an event handler that I create with a class method. Let me give an example of what I want to do:
(This code is using the Prototype library...)
myClass = Class.create();
myClass.prototype = {
makeLink: function(obj) {
// Out here, "this" refers to the instance of the myClass Class
obj.innerHTML = ''
obj.onclick = function() {
// In here, "this" refers to the clicked on element.
// How do I get a reference to the instance of myClass in here?
}
}
Here's the best way that I know how to do this right now. It seems to work in Firefox alright, but doesn't seem to work in IE:
myClass = Class.create();
myClass.prototype = {
makeLink: function(obj) {
obj.innerHTML = ''
self = this; // Save a reference to class instance as "self"
obj.onclick = function() {
// Self is evaluated to instance reference at time of assignment to onclick
self.linkClicked();
}
linkClicked: function() {
// Do something useful here
}
}
Is there a more elegant way to do this? I could just create all of my event handlers for objects outside of the class in procedural code where I already have a reference to the class object, but I like to wrap these things up inside the class, because sometimes they get significantly more complicated than this very simple one. Anybody have any solutions? This has to be a common design pattern...
View 8 Replies
View Related
Jun 9, 2010
I am working on a page that will load in other pages using AJAX and the .html method. Something like this :
<span id = "edit">Edit</span>
<div id = "cont">
</div>
//the click edit script
[Code]....
Unfortunately this does not seem to work, entirely. It does trigger the click event but it messes up the post for some reason. I have played around with it for the last 45 minutes or so and it seems like the click event trigger is what is messing things up, if I comment it out it works fine. Could anyone tell me why they think this is? note this is an over simplified version of my actual code, but the structure is the same.
View 2 Replies
View Related
Jun 29, 2011
How can I reference a function inside of a function using OOP.I am trying to do this.
Code:
with_field.onkeydown = function(event){
associate_search.fill_list.down_key(event);
}
Where in another file I have this type of setup.
Code:
function associate_search (){
this.fill_list = fill_list;
function fill_list(){[code].....
View 4 Replies
View Related
Jun 9, 2007
How can I modify any one of these global variable identified via a function
argument?
var x1 = "bla";
var x2 = "bla";
var x3 = "bla";
function modify(variable) {
???? [variable]???? = "blabla":
}
The following onclick should change the string value of variable 'x1' from
"bla" to "blabla", via the above modify() function.
<a ... onclick="modify('x1')">
View 8 Replies
View Related
Dec 12, 2005
I have develop an ActiveX with Visual C++ 6
And I will call functions on this ActiveX from a javascript.
I know how to instantiate the activex object (with the balise <object>).
But how can I do to call a function of my ActiveX and pass to this function
some parameter by reference.
Here is what I have :
the function in the ActiveX :
void test(long *t, long FAR* nb)
{
t = 3 ;
}
And here is what I try to call this function in javascript:
var myT = 0;
my_control.test(myT); // here is the problem that
alert("T : " + myT);
But I receive the value 0
So how can I do to pass parameter by reference to a function of an ActiveX?
Is there anything to change in my function in the ActiveX?
View 2 Replies
View Related
Mar 27, 2010
I have just started using the data functions in jQuery for keeping track of a few items on the client. The user can click on links, which call a function that updates the display and stored data value.I am storing data as a set of columns, named c1, c2, c3 etc.
I update the relevant column like this
function UpdateCol(column)
{
[code]....
View 1 Replies
View Related
Mar 26, 2011
I have this code:
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
[code]....
The practical scenario is I have several functions attached to the jQuery ajaxSucess event. Each function needs to execute once during initial load and after when the JQuery ajaxSuccess event is fired. So I am just looking to see if I can eliminate a a few lines of code and learn something new in the process, that is really all.
View 7 Replies
View Related
Aug 2, 2010
I would like to know how to pass in a reference of this to anonymous function so I can access parameters from anonymous. Here is my code:
[Code]...
View 2 Replies
View Related
