Calling Same Event Function With Different Parameters?
Apr 15, 2009
I have a following JS code and have two similar onclick event handler functions as below. The two onclick events happen two different section elements. if there is a way to use only onclick event handler for both sections.
Code:
if(document.getElementById('featuredmedia'))
{
var fmElements = document.getElementById('featuredmedia').getElementsByTagName('li');
I totally understand that in order to learn javascript I need to know how functions work, I understand the basics of passing in parameters and then calling the function with the values to maybe add something together etc I ve read countless articles about functions as well as books etc but I just dont get how they are used and when they should be used etc, the more advanced functions that have maybe 4 parameters and are doing different calculations and returning various values that get fired back into the script just totally confuses me.
What I would like to know is first of all how can I overcome this confusion and also any words of wisdom you may have. I will also add that I have no prior programming experience and have spent the last 2 months frequently hitting my head off a brick wall as I just cant understand javascript.
I might register an event like this: var a = document.getElementById('elementid'); a.onclick = doSomething; To keep the function from firing at registration, I assign 'a.onclick' to doSomething rather than doSomething(). Suppose the event I want to fire requires sending parameters to the function doSomething()? How can I send the parameters?
I have some jQuery.ajax() calls. It'is all the same but success function and I'd like get less code by taking all ajax calls in the same function.But I need one additional parameter I am using later in the success function, for instance.My actual code is like this:
I have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials) { map.getCredentials(MakeGeocodeRequest); }
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
There are basically 4 fields in a form, being Name,Company,Email and Phone. I'm trying to use the ONBLUR event, on the email field, to then pass parameters to a JS function, which calls a PHP file, to insert a row into a MySQL db. I saw an example of how to do this, using a hidden field, possibly I need 3 hidden fields to pass the 3 parameters (value of fields) ?. Anyway, here is the code:
I have added an event listener to a LI item in the DOM:
liNode.addEventListener("mouseover", mouseOn, true); The mouseOn function: function mouseOn(e) { // Test for IE or Firefox var e = (!e)?window.event:e; var yPos;
[Code]...
I would like to pass in another parameter to the mouseOn function in addition to the event that is passed in automatically. Is there a way to do this?
I am making a function that executes code as AJAX readyState's are returned. If readyState = 3 then I running code through eval but I want to be able to run functions with parameters, within the parameter that is evetually executed by the eval
Heres abit of pseudo code of what I am talking about
function receiveRequest(whileLoading, whenDone) { // AJAX stuff... blah... blah... blah... if request is being processed: eval(whileLoading) if request is done: eval(whenDone)
[Code]...
I haven't used Javascript in agggeeesss and I can barely remember anything anymore - PHP <3
I keep getting a runtime error stating that this document.adddealer.dealertoadd.value = dealer; is null or not an object. I've rewritten the Function everyway I could think of, and couldn't find any thread examples of my problem.
Here is my Function;
<Script language="JavaScript"> <!--//hide function AddDealer(dealer) { document.adddealer.dealertoadd.value = dealer; document.adddealer.submit();
} //--> </script>
This calls the Function;
<input type="button" value="Make This My Dealer" name="button">
When the code breaks and I bring up Microsoft Debugger it shows a value in the parameter.
I am having one td and inside td using one control(it may be any control like textbox,combobox) and am using onblur events for td and aswell as the control inside td. when am moving focus from this td to another td the parent onblur event is firing first and then child control(like textbox, combobox) onblur event is firing. The problem is am validating that entire td (what ever the value user updates) in one method. so in this scenario that validate method is calling when i move the focus onto child control. After entering the value in the child control that child control onblur event is firing and am unable to fire the parent control(td) onblur event.
I have a problem with a function i created. I want an image to move from a to b and then start from a again. Without parameters this works really fine, but now that I have got more images I use parameters but I have no clue how to call the funtion again.
[Code]...
I tried to replace show(100,flo) with show(100,flo(zahl,r_g)) but then the divs only move from a to b but even will not come back to a again. I think the solution should be pretty simple but i cant figure it out.
I want to attach a js function to be called when a img is clicked and I'm changing the functions of onclick based on the image. I used setattribute but it doesn't works in IE. So I decided to use object.onclick = somefunction; but my functions are based on parameters and the whole function runs based on the passed parameter.
So I tried: like this object.onclick = "somefunction('"+mat+"')"; but doesn't work. I need a code which can attach the function on click event for both firefox and IE.
Problem: I have two functions that send an AJAX call via an attached .js file (engine.js) and then deal with the response. My problem is this, the function can be called by any number of different triggers and needs to pass the data to a different element depending on which one calls it. These different triggers are produced via a repeating region created by Coldfusion. Each element that can get acted upon by "updateImgCount_response" is named "imgCount[recordID]" where "recordID" is a value inserted by coldfusion. This way each Element has a unique ID. Now I just need to know how to tack the "recordID" value returned as part of "obj" onto the 'imgCount' in document.getElementById() the updateImgCount_response function. Code:
I was reading through a book that talked about unobtrusive javascript, and it gave this example of how to trigger a function instead of using an inline onmouseover event handler.
document.getElementById("RandomElementId").onmouseover=RandomFunction; I thought this would be cool, but I can't seem to find a way to pass parameters to the function this way. I assumed you just use RandomFunction(parameter1,parameter2); but no go.
Is there a different syntax for this, or does this technique forbid using parameters?
I have 2 javascript files: 1 containing generic functions for my site used sitewide and another for a particular web page containing just the javascript for that page. The page is also calling the jQuery javascript file.
What I want to do is have a javascript function in my main javascript file which uses features of jQuery such as show, hide etc. and then I want to call this javascript function from the other page specific javascript file.
[Code]...
This does not work and so was wondering if anyone can point me in the right direction as to how to achieve this or something similar.
I try to make something where you add elements, and can delete elements later by calling a simple function. I simplyfied it right here: It works only to add the paragraphs, but the delete function doesn't work. Tried already to debug with an alert message after each rule... but the problem is with this rule I guess:
I have tried a number of variations, like adding "javascript:" in front of the first call, and returning True of False from the first function, but Icant get the second function to fire after the first one has.
by using alerts, and wathcing what IS occuring, I know that the first is being called, but the second isn't.
I did this once some years back, but I can't seem to rember how I did, it, and none of the example that I have located have helped, so can anyone point me in the right direction?
Trying to figure out what was happening in a snippet in the jQuery docs. The snippet I refer to is here , documenting event objects.
The code:
Has me a tad confused. I know that e is an event object that calls keydown event for keycode 64 but what I am unsure of is how it is being triggered. There is no context to it, if you use .trigger() that way is the event called upon the loading of the object? If not when is .trigger() being called?