javascript - How to remove a UI element from a web page that's not present at document.ready? -


i'm regular user of site https://www.lingq.com. site added "share" side panel, slides in left few seconds after page loaded. it's annoying, covers portion of text on site. after while got fed having manually click away every time. i'm using greasemonkey remove it, problem element not yet there when document.ready occurs.

i'm getting around using timeouts.

jquery(document).ready(function () {   settimeout(function () {     jquery('#at4-share').remove()   }, 5000)   settimeout(function () {     jquery('#at4-share').remove()   }, 10000) });

after experimenting i've settled on 2 timers. first 1 (after 5 seconds) removes thing moment shows up. second 1 there because sidebar not have appeared in time. site quite bit of javascript processing upon loading, , thing appears after it's done.

while solution works, it's crude , ugly. i'd solution reliably removes panel, no matter how long takes appear. ideally, shouldn't see panel on page. suggestions?

they implemented in firefox mutationobserver , in chrome vendor-prefixed webkitmutationobserver:

mutationobserver = window.mutationobserver || window.webkitmutationobserver;  var observer = new mutationobserver(function(mutations, observer) {     // fired when mutation occurs     console.log(mutations, observer);     // ... });  // define element should observed observer // , types of mutations trigger callback observer.observe(document, {   subtree: true,   attributes: true   //... });

this example listens dom changes on document , entire subtree, , fire on changes element attributes structural changes. draft spec has full list of valid mutation listener properties:

childlist

set true if mutations target's children observed.

attributes

set true if mutations target's attributes observed.

characterdata

set true if mutations target's data observed.

subtree

set true if mutations not target, target's descendants observed.

attributeoldvalue

set true if attributes set true , target's attribute value before mutation needs recorded.

characterdataoldvalue

set true if characterdata set true , target's data before mutation needs recorded.

attributefilter

set list of attribute local names (without namespace) if not attribute mutations need observed.

this should work you:

mutationobserver = window.mutationobserver || window.webkitmutationobserver;  var observer = new mutationobserver(function(mutations, observer) {     jquery('#at4-share').remove(); });  observer.observe(document, {   subtree: true });

Comments

Post a Comment

Popular posts from this blog

c# - Validate object ID from GET to POST -

i have method allows user access comment have made on site. have post method lets them update comment. my normal solution send entire comment model through, let them update it, update on database when post back. involve sending commentid through in hiddenfor , can manipulated. how can verify commentid sent in get method same i'm getting in post , not able alter comment wish? how can verify commentid sent in method same i'm getting in post? basically have validate following things in post - user logged-in user. authenticated users post comments. commentid in post , should valid commentid , should present in database. userid associated logged-in user should same userid associated comment . comment should contain userid column, can check @ time of update. to make sure update happens comment has been sent in get - hold commentid in session , in post action compare commentid value in session .
Read more

node.js - Custom Model Validator SailsJS -

when using custom model validator checks record within model. return within spread doesn't seem end control flow. //post.js model /** * custom validator **/ types: { isuservalid: function(user_id) { var promise = require('bluebird'); promise.all([ user.findone({id: user_id}) ]) .spread(function(user) { console.log(user); if (user === null || user === undefined) { console.log('failed'); return false; }else{ console.log('passed'); return true; } }); } }, my response standard validation failed response. { "error": "e_validation", "status": 400, "summary": "1 attribute invalid", "model": "post", "invalidattributes": { "owner": [ { "rule": "isuservalid", ...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more