Mgiyuk

Custom Event emitter/consumers in Browser Javascript outside DOM Currently I have the following structure, an Object WebsocketService and multiple FrontendController s. WebsocketService FrontendController The WebsocketService listens on a websocket (duh) and updates the internal application state. This means in some cases the front end must be updated with new values. WebsocketService To keep my UI code and the application logic nicely seperated I envision a design where the FrontendController s can subscribe to events emitted the WebsocketService and very likely other Services later on. FrontendController WebsocketService I have read the documentation for Creating and triggering events on MDN. But all of that is very DOM centric. My WebsocketService obviously doesn't have an addEventListener function. WebsocketService addEventListener I would prefer to not use 3th-party libraries. A hack that comes to mind is simply have an id="events" DOM Node somewhere and having...

Edge17 - SEC7136 - The origin failed an integrity check for a resource In a jekyll website, I added a plugin (http://flexslider.woothemes.com/), everything is working fine upto Edge16 & below browsers, however, in Edge17, I see the console message: SEC7136: [Integrity] The origin '[insert url]' failed an integrity check for a style resource at '[url]' SEC7136: [Integrity] The origin '[insert url]' failed an integrity check for a style resource at '[url]' What is this error about? And how is the offending file, in this case, a CSS file, causing an integrity issue in Edge17 & not the previous version? Thanks 1 Answer 1 This is a known bug in 1803 Win10 release. You are probably importing a CSS stylesheet and even though the parent has good integrity Edge regards the imported stylesheet as "Bad" integrity and blocks it - Which is not correct and hence a...

Summernote not working properly on popup modal I am using summernote.js for html editor in bootrap modal popup. the Editable are in the editor not working by default. But it becoming working when when browser screen is resized or inspect element dev tool is opened . Any idea how to fix this $(".summernote").summernote({ height: 150, toolbar: [ ['style', ['bold', 'italic', 'underline', 'clear']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul','ol','paragraph']], ["view", ["fullscreen", "codeview"]] ], }); $('i.note-recent-color').each(function(){ $(this).attr('style','background-color: transparent;'); }); And HT...