Tag: javascript

addEventListener firing multiple times for the same handle when passing in arguments with anonymous function

addeventlistener anonymous-function dom-events events javascript

For some reason, the event listener is firing twice for each element when passing arguments into an anonymous function. I.e., the click event on element el will register once and, thus, fire once. But if I want to pass my own arguments to it, it will register and fire twice. The question is why and what&#8217…

Add class to element when scrolled into view (scrollable div)

css html javascript jquery

Is there a solution for adding a class to the element in view when scrolling, and removing when out of view? This needs to work for a scrollable div. I have found a few solutions so far but they only seem to work for body… not a scrollable div. I am happy to use a plugin if you know one

JavaScript CSS styling in IE

css dom-events javascript

JavaScript CSS styling not working in IE, it is working in Chrome and Mozilla. This is my code: This is my HTML And this is my CSS Please Help. Answer Try this

Remove custom event listener

dom-events event-handling javascript

I’m listening to a custom event: I need to remove the listener. I’ve tried: but neither work. What am I doing wrong? Answer The third argument to removeEventListener is mandatory. try this:

Enabling colors in term.js

javascript

I am using term.js for emulating a terminal in the web browser via JavaScript and Node.js. I have already setup the basic implementation and I can connect to both local as well as remote host (I use node ssh2 to connect to a remote host). Everything works as expected, except that it’s black and white (b…

node.js TypeError: path must be absolute or specify root to res.sendFile [failed to parse JSON]

dependencies javascript json node.js socket.io

[add] So my next problem is that when i try adding a new dependence (npm install –save socket.io). The JSON file is also valid. I get this error: Failed to parse json So I’ve been trying to figure out why this error has been returning. All of the files (HTML,JSON,JS) are inside the same folder on …

Call multiple functions onClick ReactJS

javascript reactjs

I know in vanilla JavaScript, we can do: What would be the equivalent for making two function calls onClick in ReactJS? I know calling one function is like this: Answer Wrap your two+ function calls in another function/method. Here are a couple variants of that idea: 1) Separate method or with ES6 classes: 2)…

Bookmarklet in email

bookmarklet gmail javascript

Is it possible to drag a bookmarklet from an email? Gmail doesn’t convert the raw javascript into a draggable link and will not attach javascript to image links. I tried several workarounds. I tried dragging a link then tried to redirect the header location with php. Putting JS in the header redirect is…

How to get difference between 2 Dates in Years, Months and days using moment.js

javascript momentjs

How to get difference between 2 Dates in Years, Months and days using moment.js? For example the difference between 4/5/2014 & 2/22/2013 should be calculated as 1 Year, 1 Month and 14 Days. Answer Moment.js can’t handle this scenario directly. It does allow you to take the difference between two mom…

Using AngularJS for Ajax POST in Struts 1

ajax angularjs javascript jquery struts

I’m trying to send Ajax POST using Struts action form. I’ve succeeded to create this kind of call using jQuery. ActionForm: Action: jQuery Ajax POST (working): AngularJS Ajax POST (not working): for some reason AngularJS doesn’t like the way I’m sending the ActionForm data. Answer It i…