Try this:

var badWidget = document.getElementById('challengeWinnersWidget');
badWidget.parentNode.removeChild(badWidget);



On 11/22/2014 5:10 PM, BrianP007 wrote:

Hi,

Sorry if this is a duplicate question, but it got zero hits on search [Results: about 0 for block specific widget on webpage]


There is a webpage I like to read, but it has a scrolling picture widget which updates every ~3 seconds. With terminal ADHD, each update distracts me for about 2 seconds reducing my already anemic reading efficiency by ~67%.


The best solution I have been able to accomplish so far is in Firefox to

Right click -> inspect element

click on picture scroller

page up to find "widget challengesWinnersWidget"

right-click and delete node.


It works perfectly until I (eventually) move to the next page or until the page automatically updates.


I have tried Adblock Plus half a dozen different ways with no effect. The solution provided by the Adblock Plus technical support moderator is also totally ineffective. It would be nice if Adblock could merge their deleting technology with their hiding technology. Whether it gets deleted or hidden, I can't tell the difference as long as it is gone.


At least there is some consolation in the fact that the Expert Solution provided by the software manufacturers Customer Support Guru was no more effective than my Quixotic attempts. If GreaseMonkey works here, then I can rationalize these difficulties as the result of poor software rather than abject technical ineptitude. :)


The page is http://www.dpreview.com and the code which when deleted, removes the entire widget is:

<div class="widget challengesWinnersWidget"><div class="widgetTitle">Finished challenges</div><div class="widgetContent"><div class="challengesWinnersWidgetContent" id="challengeWinnersWidget">


Researching similar items, I have tried these blocking attempts:

--------------------------------------------------------

// ==UserScript==

// @name Background Change

// @namespace http://www.example.com/ juliet/

// @description Change the background colour of a page

// @include http://www.dpreview.com/*

// @grant       none

// ==/UserScript==


var badDivs = $("div div:contains('challengesWinners')");

badDivs.remove ();


//<script>

//$( "challengesWinnersWidget" ).hide();

//</script>


//<script>

//$( "challengesWinnersWidgetContent" ).hide();

//</script>


//<script>

//$( "widget.challengesWinnersWidget" ).hide();

//</script>


What am I doing wrong?


Cheerio,


   Brian


--
You received this message because you are subscribed to the Google Groups "greasemonkey-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected] <mailto:[email protected]>. To post to this group, send email to [email protected] <mailto:[email protected]>.
Visit this group at http://groups.google.com/group/greasemonkey-users.
For more options, visit https://groups.google.com/d/optout.


--
You received this message because you are subscribed to the Google Groups 
"greasemonkey-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/greasemonkey-users.
For more options, visit https://groups.google.com/d/optout.

Reply via email to