OperaElementHider

Submitted by SlimShayD on 07-05-2010 - 20:14
in
Inspired by Wladimir Palant's Element Hiding Helper, there's an Opera alternative!

http://extendopera.org/sites/all/libraries/wymeditor/wymeditor/iframe/de...); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; min-height: 1em; background-position: 2px 2px; background-repeat: no-repeat no-repeat; "> Since Opera is not as extensible as Firefox, I had to use User Javascript to do most of the stuff.

http://extendopera.org/sites/all/libraries/wymeditor/wymeditor/iframe/de...); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; min-height: 1em; background-position: 2px 2px; background-repeat: no-repeat no-repeat; "> Instructions:

http://extendopera.org/sites/all/libraries/wymeditor/wymeditor/iframe/de...); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; min-height: 1em; background-position: 2px 2px; background-repeat: no-repeat no-repeat; "> On load you should see a brown colored button on the upper left side of the page. You can click it to expand the toolbar menu and choose your action.

http://extendopera.org/sites/all/libraries/wymeditor/wymeditor/iframe/de...); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; min-height: 1em; background-position: 2px 2px; background-repeat: no-repeat no-repeat; "> Notes:

  • Opera does not support Global Storage (yet), the filters and few preferences, are saved per subdomain.
  • The option to hide elements persistently is not well tested, but should work
  • Glitch: Moving the last two filters up/down is still wonky (can't fix it)

http://extendopera.org/sites/all/libraries/wymeditor/wymeditor/iframe/de...); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; min-height: 1em; background-position: 2px 2px; background-repeat: no-repeat no-repeat; "> Features: 

  • Select elements by hovering and pressing S (and Q/Escape to quit) 
  • Context menus for the tooltip, toolbar expander and filter configurator
  • Movable toolbar expander (up/down only)
  • Filter editor can be moved where-ever on the screen
  • Supports XPath when an element has no dynamic properties (press X to generate path) 
  • A tooltip showing your current element position (press W to widen the range) 
  • You can also view a list of parent elements you mouse-over (press I while in select mode)
  • Disable the element hider as long as necessary by Ctrl+clicking the expander 
  • Editing your filters with ease using mouse, keyboard and the usual key shortcuts
  • An improved log to view the current filtered elements

Syndicate content

application/x-javascript icon1elmhide.js (115)
Tested with Opera version(s): 
10.50
10.6x
Your rating: None Average: 5 (2 votes)

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Mention the whole double-clicking to actually select elements

Submitted by Anonymous on 08-05-2010 - 18:21.

The description implied that "S" is what did that, and it took me a long time to figure out how the script even works...

??

Submitted by Manide on 08-05-2010 - 18:32.

So, how does the script work? I haven't figured out yet...

Assuming you have installed

Submitted by Zotlan on 08-05-2010 - 18:38.

Assuming you have installed the jQuery script (making sure that is is placed above this script).

Click on the brownish tab that shows up at the top left of each page. Click on the left most button and then hover over whichever element you wish to hide. Then press S and then "ok" in the dialog that pops up.

Thanks! 

Submitted by Manide on 08-05-2010 - 19:44.

Thanks! 

Is not working

Submitted by Anonymous on 09-05-2010 - 8:02.

Doesn't work...

menu

Submitted by Anonymous on 10-05-2010 - 18:42.

menu should not hide when I'm hovering it

Feature request:

Submitted by Anonymous on 08-07-2010 - 21:48.
  1. I agree with previous post: "Menu should note hide while mouse hovering"
  2. Button/menu position should be fixed respect of the browser's window (floating on the page while scrolling)

Re: Feature request

Submitted by SlimShayD on 09-07-2010 - 22:06.

1. I don't see the need because usually you choose a command and 'done'. When you need it again, you click. The tooltips give you instant info.

2. A couple of versions ago I added 'move the expander by dragging up/down'. In today's version the cursor changes when dragging. It doesn't need to be visible when you scroll the page down, but you can drag it down wherever.

And to access options you can right click the expander. The 'select element' tooltip has a menu too.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.