FAQ Database Discussion Community


sublime-scroll plugin is not scrolling as expected (iframe event catching issue)

javascript,jquery,iframe,javascript-events
I want to read mouse position from an iframe. I am doing it with this implementation: $($("#sublime-scroll-iframe").contents()[0], window).find('body').bind("mousedown", function(e) { console.log("x:" + (e.pageX) + ", y:" + e.pageY); } ); My working example: http://jsfiddle.net/s37e1ro0/1/ but I can't make it to work with demux's sublime-scroll js script. Output is window coordinates...

How to reset the complete document after opening it?

javascript,pdf,javascript-events,reset,acrobat
i want to reset the complete form after opening it. I have tried this: page.open = this.resetForm(); But it doesn't work. Im using Acrobat Pro DC....

jQuery one event prevents other event from being fired

jquery,javascript-events,event-handling,listener
I'm unsure about what I am overlooking. If my design is just bad or if there is a smart way of solving this. Given: 1 input field 1 hidden button Logic: If the input field is focused, the hidden button gets shown. If the input field is unfocused, the button...

How to prevent my jQuery textarea Focus event from firing repeatedly for ulimted times in a row

javascript,jquery,javascript-events
I have something like the basic JavaScript jQuery code below that is only called once in my project code however it alerts 100+ times when my textarea attached to the event is focused by clicking my mouse cursor into it! projectTaskModal.cache.$cmtTextarea.on('focus', function() { alert('ON FOCUS EVENT'); }); My goal is...

Add payload to vanilla JavaScript Event

javascript,jquery,javascript-events
Is there a way to add payload to vanilla JavaScript event like you can do in jQuery? // jQuery $(document).trigger('event', payload); // Vanilla JS window.dispatchEvent(new Event('event', ??? I guess I have to use my own Event Bus of some kind?...

onClick on img works but cannot dynamically attach the same even in javascript, what is wrong?

javascript,javascript-events,onclick
The following code creates two objects, one statically defined in html, with an event that works, and one defined in javascript that does not. Obviously this can be done in javascript, so what is wrong? <!DOCTYPE html> <html> <head> <script> function build() { var img = document.createElement("img"); img.src = "cat.jpg";...

How to make a react component that can be rendered with no data and later rendered with data?

javascript,javascript-events,reactjs
I have a situation that I'm sure is common and I just haven't learned the react way for accomplishing it. Let's say I have this: var appView = new React.createClass({ render: function() { return ( <div> <SomeSubview/> </div> ) } }); React.render( React.createElement(appView), $('#app').get(0) ); My question is how should...

How can fetch the text from html tag in meteor template event?

jquery,templates,javascript-events,meteor,meteor-helper
How can I get "option 1" from below code: <template name="MyTemplate"> <div class="dropdown"> <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#" aria-expanded="false"> <button type="button" class="btn btn-sm btn-primary">Add</button> </a> <div class="dropdown-menu dropdown-alerts"> <form method="post" id="some-form" data-remote="true" accept-charset="UTF-8"> <div class="form-group"> <label>Select Option</label> <div class="input-group">...

Uncaught SyntaxError: Unexpected token with mouseover event in D3 Treemap

javascript,d3.js,javascript-events,mouseover,treemap
I am working on putting together a zoomable treemap using D3. I'm starting with basic code at https://gist.github.com/vibster/3257874. I'm including the git for the whole code, but will include the relevant section below. To the cell variable, I am adding a mouse over function from this previous answer: Zoomable treemap...

JavaScript events and bubbling

javascript,javascript-events,event-bubbling
I have the following (simplified) markup code: <div id="container"> <div data-value="1"> <span>Click me 1</span> </div> <div data-value="2"> <span>Click me 2</span> </div> </div> <div id="messages"></div> I want to take advantage of bubbling by attaching an event listener only on the #container, and get the clicked children's data-value. document.getElementById('container').addEventListener('click', function(e){ document.getElementById('messages').innerHTML =...

Avoid Adding Event Multiple Times

javascript,javascript-events,mootools
I am dynamically adding events using addEvent("keydown", function() {}); to an element. My problem is that there are times when this code get's run on the same element twice or more. The behavior becomes clunky as the function registered for that event runs a couple of times. Is there a...

using jQuery's delegated event on() within every turbolinks page:load

jquery,ruby-on-rails,ruby-on-rails-4,javascript-events,turbolinks
I had this code in my rails app: $(document).ready( function() { myCustomFunction("#link-selector"); } function myCustomFunction(linkCssSelector){ // some stuff... $(document).on('click', linkCssSelector, function(){ // ...some other stuff... }); } The click event handling is already delegated to the document, but now I have to add Turbolinks to my app. Then, I would...

Invoke marshalled COM interface multiple times

javascript,javascript-events,com,event-handling,activex
I am writing a COM object for JavaScript consumption. JavaScript code is turn runs in an hosted WebBrowserControl. I need to fire some events from COM object to JavaScript, the excellent guide to which at Dr. Dobbs e.g. I have following in my *.idl IJSCallback { void Listen(IDispatch* pJSMethod); }...

Backbone.js listening to events for Map control buttons

jquery,html,backbone.js,javascript-events
All, I am using Bing maps to display a map on my webpage which will be plotting geolocation data on it. I have added some UI controls directly in my HTML as a generic UI control panel (not all are relevant to MapView) <div id="navbar" class="navbar-collapse collapse"> <a id="reloadMap" title="Refresh...

Why does the form submit event fire when I have stopped propagation at the submit button level?

javascript,jquery,forms,events,javascript-events
HTML <form> <input type='text'> <button type='submit'>Submit</button> </form> JavaScript $('form').on('submit', function(e) { alert('submit'); e.preventDefault(); }); $('button').on('click', function(e) { e.stopPropagation(); alert('clicked'); }); Fiddle After watching the great video here, I understand that when I click the submit button, the event bubbles up to the form, and the form's submit event is then...

jQuery event for HTML5 datalist when item is selected or typed input match with item in the list

javascript,jquery,html5,javascript-events
I have datalist like below - <input id="name" list="allNames" /> <datalist id="allNames"> <option value="Adnan1"/> <option value="Faizan2"/> </datalist> What I want is, when an item is typed in completely(for example say in input box when user completely type "Adnan1") or selected from list, then I want an event. I tried couple...

Google maps event listener dragend

javascript,google-maps,google-maps-api-3,javascript-events,google-maps-markers
I am adding a event listener to my marker, the function for the marker is function setupMarkerWaypoint(){ console.log('setting waypoint marker'); waypointMarker = new google.maps.Marker({ position: default_latlng, map: mapBooking, icon:"http://maps.google.com/mapfiles/ms/micons/blue.png" }); waypointMarker.setVisible(true); function geocodePosition(pos) { geocoder.geocode({ 'latLng': pos }, function(responses) { if (responses && responses.length > 0) { updateMarkerAddress(responses[0].formatted_address); } else...

How do I know, via key event code, if the character just entered in a