Skip navigation.

Opera FAQs, Tips, Tricks & Tweaks

Cool tips for Opera browser

Useful User JavaScripts for Opera

, , , , , , , , , , , , ,

User JavaScript is a powerful tool and it can be used for many purposes, including:

  • Fixing broken scripts on Web pages. Opera uses browser.js to automatically fix incompatible Web pages, out of date scripts, and pages that inadvertently block Opera.
  • Enhancing Web pages by changing or adding your own content to the page.

Installing/Uninstalling User JavaScripts

If you don't have UserJS directory, create a directory with name userjs (preferably inside profile directory) and enter path to it in Tools > Preferences... > Advanced > Content > JavaScript Options... > User JavaScript files

Path to Opera User JavaScript directory
Path to User JavaScript files

  • To install, place User JavaScript file (*.js or *.user.js) inside User JavaScript directory.
  • To uninstall, remove corresponding User JavaScript file from User JavaScript directory.
  • To disable, change corresponding User JavaScript file extension from *.js to *.js.x
You can also use UserJS Manager for Opera to perform above actions.

Download

Download (size: 48.3 KB) all the following User JavaScripts in a single zip file, unzip and place it inside User JavaScript directory.

  1. Autosizer
  2. Breadcrumb URL
  3. Clean URI
  4. Cooliris alike
  5. Gallery crawler
  6. Get feed link
  7. Image thumb
  8. Link alert
  9. Power drag
  10. Linkify URL
  11. View Selection Source
  12. Ultimate Search Highlighter

Useful User JavaScripts

  1. Autosizer
    Autosizer will enhance image viewing in Opera by adding five different sizing modes to images: "Original", "Shrink to Fit", "Maximize", "Fit to Width" and "Fit to Height". "Shrink to Fit" is enabled by default. Simply click on the image to view in next mode or hold down Shift key while clicking to view in previous mode. Move cursor to top right corner to view the menu. See help for more information.

    Opera User JavaScript Autosizer
    Autosizer

  2. Breadcrumb URL
    Breadcrumb URL will place link to each directory of current URL at the top left corner of the page. Useful if you browse without address bar or browse in full screen mode.

    Opera UserJS Breadcrumb URL
    Breadcrumb URL

  3. Clean URI
    Clean URI will recognise links that use redirected URLs (example: http://www.google.com/url?q=http://winmerge.sourceforge.net/ ) and replace them with the direct URL.

    Opera User JavaScript Clean URI
    Clean URI

  4. Cooliris alike
    Similar to Cooliris extension for Firefox and helps to preview links without leaving current tab. Hold Ctrl key and hover any link to open preview window in top right corner of current tab. Size of preview window can be changed to 3 heights by clicking "Restore" icon.

    Opera UserJS Cooliris Alike
    Cooliris Alike

  5. Gallery crawler
    Gallery crawler adds link to next and previous image so pictures numbered sequentially can be viewed without flipping through links, ads and poor page design.

    Opera User JavaScript Gallery crawler
    Gallery crawler

  6. Get feed link
    Get feed link will place feed icons at the top left corner of the page. Useful if you browse without address bar or browse in full screen mode or if you need feed link URL.

    Opera UserJS Get Feed Link
    Get feed link

  7. Image thumb
    Image thumb will show thumbnail in bottom left corner when you hover an image link. Hold Ctrl key to view image in original size.

    Opera User JavaScript Image Thumb
    Image Thumb

    This UserJS breaks functioning of autosizer UserJS.
  8. Link alert
    Link alert identifies links to specific file types, and displays an appropriate icon when the link is hovered.

    Opera UserJS Link Alert
    Link alert

  9. Power drag
    Power drag will help you to resize textareas, select boxes, iframes, objects, images or input fields by holding Shift key and then dragging lower right corner of an item. Double click lower right corner to restore the original dimensions. You can enable the dragging corner always, or use another modifier key.

    Opera User JavaScript Power Drag
    Power drag

  10. Linkify URL
    Linkify URL makes text http/https/ftp URLs clickable.

    Opera UserJS Linkify URL
    Linkify URL

  11. View Selection Source
    View Selection Source allows you to see HTML source of any part of a page, it’s very useful for web developers. If you don't know how to edit menu setup see this and add the following under [Hotclick Popup Menu].

    Item, "View selection source"="Go to page, "javascript:opera.getSelectionSource()""

    Opera UserJS View Selection Source
    View Selection Source

  12. Ultimate Search Highlighter
    Ultimate Search Highlighter will show search bar at the top and can show number of search results, jump to next instance of highlighted term or previous (hold Shift key and click on term in toolbar) and supports RegExp highlighting. Move cursor to top to show search bar after timeout period. Get USH button or search field from here or create a search engine with the following.

    javascript:opera.USH.run(opera.USH.check='%s','newSearch');

    Opera User JavaScript Ultimate Search Highlighter
    Ultimate Search Highlighter

How to change Speed Dial site titles in Opera?How to change the height of various toolbars in an Opera skin?

Comments

ZAHEK 10. March 2009, 12:12

good topic.thanks.
if you want other some usefull js together as turkish pls visit below page.
usefull userjs files

Jurgi 10. March 2009, 13:03

I hoped, that Clean URI will allow me to click links redirected through blocked (in urlfilter) services, but it doesnt work, e.g.:
http://gazeta.hit.gemius.pl/hitredir/id=bVA6PwbWy7tIs_pJh5iLjfWoLSnFeKci5A0Cn.L6lp..H7/url=http://www.sport.pl/pilka/1,65050,6362363,Zakaz_za_wulgarne_okrzyki.html
Any chance to make it work?

Tamil 10. March 2009, 14:13

@ZAHEK, Thanks.

@Jurgi, Post in User JavaScript forum.

PolOpera 10. March 2009, 14:48

Thanks!!
Good job Tamil

albuemil 10. March 2009, 14:58

Great job like always :smile:

I would also recommend MultiPopup (http://www.hesido.com/web.php?page=multipopup ),i even managed to combine Multipopup with LinkAlert for a "complete" popup system :wink:

Anthony A 10. March 2009, 17:58

Thanks for these. Image Thumb is great I have used it many times since putting it in today.

Cooliris Alike would be very nice if I could make the preview bigger. The biggest size is too small to be useful and the smaller sizes are totally useless. I would like the current large size to be the smallest and than go bigger from there. What do I need to change in the code to do this?

Tamil 10. March 2009, 22:37

Change the height in following lines.
case '650px':
bar.style.height='450px'
break
case '450px':
bar.style.height='550px'
break
case '550px':
bar.style.height='650px'
toolbar.innerHTML = " <iframe src=\"about:blank\" id=\"cooliris\" width=\"400\" height=\"650\" style=\"max-height:95%;margin-top:10px\" onload=\"this.contentDocument.postMessage('cooliris')\"></iframe>";
var x=e.target.getAttribute('href');x=x?x:e.target.parentNode.getAttribute('href');var y=e.ctrlKey;if(y){time=window.setTimeout(function(){if (document.getElementById("Previewbar").style.height != "650px"){document.getElementById("Previewbar").style.height = "650px";document.getElementById("Previewbar").style.padding = "10px";document.getElementById("Previewbar").style.border = "1px solid black";}document.getElementById("cooliris").setAttribute("src", x);},1000)}

papasmurfrock 10. March 2009, 23:31

i can't seem to get the cooliris one to work. i am using a power book g4 with leopard operating system. i press ctrl while hovering over links but nothing happens.

am i doing something wrong?

Tamil 10. March 2009, 23:40

It will take little time to show.

papasmurfrock 10. March 2009, 23:50

thanks for the reply but it just doesn't seem to be working for me. it can't be the folder because some of the other ones are working...just not the one i wanted the most.

i am using an apple laptop, is there a different key i shoud hold rather than ctrl when hovering?

Tamil 10. March 2009, 23:54

Sorry, I don't know.

Nerak 11. March 2009, 00:04

w000000t! Thanks, Tamil...excellent info! :yes:

Anthony A 11. March 2009, 00:20

OK thanks that fixed the height but how do I make the preview wider Tamil?

Tamil 11. March 2009, 00:28

Change the value of width in the following line.
toolbar.innerHTML = " <iframe src=\"about:blank\" id=\"cooliris\" width=\"400\" height=\"650\" style=\"max-height:95%;margin-top:10px\" onload=\"this.contentDocument.postMessage('cooliris')\"></iframe>";

Anthony A 11. March 2009, 00:42

Thanks that worked.

ellinidata 14. March 2009, 03:06

Just stopping in to say "have a great weekend"

BabyJay99 15. March 2009, 01:27

Wow. Tamil do you have post or tutorial on designing blog page? As you know my css making friends bonkers. I cant amend it while using mobile as there are maximum sentences in the screen :faint:

Tamil 15. March 2009, 01:37

Nope, see Redesigning My.Opera space tutorial & Pimp My Blog Reloaded. They are old still useful.

BabyJay99 15. March 2009, 02:02

Thanks Tamil. Namaste :wink:

andreabianco 16. March 2009, 08:55

That was very useful and interesting, thanks Tamil! :smile:

ellinidata 18. March 2009, 01:29

Tamil,
I am glad I came back!
I needed to know how "Change the value of width in the following line"

you pwn!!! thanks Pal

Tamil 18. March 2009, 01:36

Change the value of 400 to required width.
width=\"400\"

prepaid-discounter 18. March 2009, 16:07

thanx.. Clean URI is helpful indeed

greets
jahjah

night wolf 20. March 2009, 15:01

:eyes: I dont get any of those !:lol: :yes: Good Job Man :headbang:
:rolleyes:
p:
:cool:
:star:

Hellas 22. March 2009, 20:19

I would add Opera SEOBAR. Excellent tool for webmasters.
http://www.puzzleclub.ru/files/seobar/

Anthony A 31. March 2009, 05:10

Papasmurfrock

Cooliris alike works fine for me on both Mac and Windows. On Mac use the "Command" key. It seems to take a little longer for the preview to show on the Mac but it works.

53north 6. April 2009, 18:37

Anything wild I can do on operamini?
I saw the type in 'config:' power user hidden menu via address bar. It helped browsing.
On a 250kb+ page full of images, om4 fails to load all the images, where om3 split the page up and shows it all. Would be nice to have a work around menu to cure that.

LamboMan 26. May 2009, 18:39

Hello Tamil! I have a small problem, every time i load a userscript onto any page(your's or any others) it seems to block the browser.js file from rendering some pages correctly. But as soon as i turn off User JS for that web page, it gets activated again. I've even tried to put the browser.js file into my 'userjs' directory but it just won't work along with any of the userscripts i use!

So is there any way to make browser.js work when i have activated User JS?? Please help. :frown:

Tamil 27. May 2009, 05:18

I think one of your UserJS is interfering with browser.js.

LamboMan 27. May 2009, 11:24

Well, i have only been using those javascripts that you have provided on this page till now and only recently i started using another one. But even when i use only your's the browser.js does not work on pages.
You tell me, does browser.js work for you when you have activated user js? And if yes, then what is the configuration of your userjs directory? I mean have you put browser.js in it and what value do you use in "Browser JavaScript" under 'User Prefs' in opera:config ??

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

Download Opera, the fastest and most secure browser