Are any events triggered when the close settings button is click in the Adobe Flash Player Settings window. I want to be able to move the containing div when the settings are closed.
Decided to go with a lame solution find if the click event within the containing div is located within the coordinates of the close button.
Far from perfect but will do for now...
Related
Situation
I am currently embedding a YouTube iframe on my page and am loading it on top of a popup modal. When I press 'ESC', I can close out the popup modal but if the user has their tab-focus on something within the YouTube player, the browser is no longer able to detect if the user is hitting 'ESC' to try and close the popup modal. This is definitely an A11y issue.
Problem to Solve Is there any way to detect if a user hits the 'ESC' key while the focus is trapped within the player? There are event emitters for playerStateChange, quality change, etc but I didn't see anything for keypresses.
Solutions Considered Already but Rejected:
Blocking the user from focusing on the YouTube iframe and creating custom buttons/controls outside of the player to handle controls - this is too cumbersome of a solution that requires styling buttons and controls
Bouncing focus back to window on player state change - moving focus unexpectedly is an a11y problem but also not every case of user focus trap can be covered with the current event emitters built into the YouTube API.
Any help/guidance is greatly appreciated!
I am trying to stop jQuery from running in my browser so that I can do some CSS edits to a specific slider.
I know I can use Chrome's developer toolbar to pause the javascript from running but when you pause it, a modal window pops up with the step over button displaying.
I cannot seem to find the source of that modal transparent window because it seems all functionality then stops.
Is there a better way to do this?
I have already deleted all the other sliders to show only one but even then, there is animation movement I don't really want to have happen.
While the modal is open you can simply switch to the elements panel in the developer tools, select an element in the dom tree and start editing it, the modal will then disappear while javascript is still being stopped/ paused.
I have recently put an advertising box that overlays the embedded videos on my website. Users are forced to click the "CLOSE TO PLAY" button in order to close the advertisement overlay and play the video.
See it in action here: http://www.animefushigi.com/ao-no-exorcist-17/4
The problem: I have been getting complaints from PS3 users that the Close to Play button is not working on the PS3 browser, thus they are stuck with the ad overlay.
The button's javascript is as follows:
$(document).ready(function(){
$(".btn").click(function() {
$(this).closest(".olBlock").toggleClass("display");
});
});
Any suggestions on how to fix this?
The problem is, in the PS3 Browser (NetFront 3.1), the Flash plugin (video player) receives the Click event, instead of the HTML overlay.
Therefore, the only solution is to have a close clickable element outside the bounds of the Flash object, such as moving the "Close to play" psuedo button just after the video player. For aesthetics, you may prefer to leave the close button where it is & add the typical "[x]" close element in the top right corner, positioning this just above the Flash player.
If you need to test for the PS3 browser (may not be necessary, if you include the "[x]" element for all browsers), the user agent string includes "PLAYSTATION 3", so you could test for it on the client as follows:
var isPs3Browser = (navigator.userAgent.indexOf("PLAYSTATION 3") >= 0);
As far as I can tell, the jQuery.browser object can not be used to check for the PS3 browser, especially as the object may be deprecated.
I'm trying to know when an user clicks on an iframe with external content (a page not owned by me). The reason I need to do it is that my site relies heavily on keyboard navigation and when the iframe is focused I need to tell users to click outside to keep playing.
I'm using a transparent div on on top of the iframe with an onmousedown event. But it's not a great choice since the user needs to click once for the div to disappear and once again to click wherever they want on the iframe.
Are there are other ways to know when the user clicks on the iframe?
Thanks
The closest I can think of is to listen for blur on your window.
http://www.quirksmode.org/dom/events/blurfocus.html
I would put an onmousedown event on the iframe instead of the div?
you could find a way around this problem. But personally, I don't think its a good practice to capture events in an IFrame from an External Container.
The problem is the following:
I am using a tinymce editor (not related with the problem) and an external image manager aplication. We use the drag&drop functionality for users, to just drag the image from the image manager to the tinymce content area.
However, there is a problem when the user inadvertantly drags the image outside the content area. The browser opens the link inside the window it was dragged to, losing the form the user had in front of them.
I am wondering if there is some way to catch this link-drop event, to disable the redirect in the browser. If you want to see the problem, just have 2 windows open, and drag an image from one window to the other one.
The sollution can also be html/css if possible, not necessary to be in JS.
Use an onbeforeunload event on the body. Basically, it pops a dialog saying (you specify the string), "Are you sure you want to leave the page?". If they click Cancel, they will stay on the current page. StackOverflow itself (among other sites) uses this technique.