Zkuste si to!

Stačí označit nějaký text na této stránce, vybrat barevné schéma (nebo ponechat výchozí “Mozilla”) a kliknout na tlačitko níže:

View Selection Source!

Tři způsoby instalace

1. User JavaScript (Uživatelský JavaScript)

Nejkomplikovanější instalace, ale nejkomfortnější používání s možností přizpůsobení.

Krok 1: Povolení uživatelských scriptů v Opeře

Pro povolení použijte Nástroje > Nastavení > Pokročilé > Obsah > JavaScript options. Zde vyberte adresář, kde chcete mít uloženy scripty. Opera pak bude nahrávat všechny soubory s příponou .js jako uživatelské JavaScripty.

Krok 2. Instalace “View Selection Source”

Stáhněte si “View Selection Source”User JS soubor. Uložte ho do adresáře, který jste zvolili v předchozím kroku. (Jeho umístění se můžete dozvědět též na interní stránce prohlížeče opera:about.

Krok 3: Přidání položky “Zobrazit zdrojový kód výběru” do kontextového menu Opery

Je potřeba lokalizovat soubor s nastavení menu. Běžte do Nástroje > Nastavení > Pokročilé > Nástrojové lišty. Pokud zde v boxu Nastavení menu vidíte pouze položku Opera Standard, tak jí označte a klikněte na tlačítko Duplikovat.

Jděte na stránku opera:about a nalezněte Opera directory. Jděte do podadresáře menu a otevřete soubor s příponou .ini ve své oblíbeném textovém editoru (např. Poznámkový blok, Vim, Textmate, jEdit, apod.). Před úpravami Operu vypněte.
V souboru vyhledejte sekci Hotclick Popup Menu. Na konec této sekce přidejte:

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

Po úpravě by tato sekce měla vypadat nějak takto:

[Hotclick Popup Menu]
Item, 50872         = Copy
Item, 67652         = Copy to note
Platform Win2000-Unix-Mac, Feature Voice, Item, 70494 = Speak selection
--------------------1
Item, 65184             = Hotclick search, 200
;Submenu, 291920, Search with menu
Submenu, 291920, Internal Search With
Item, 65187         = Hotclick search, 50
Item, 65188         = Hotclick search, 51
--------------------2
Submenu, 291960, Translate menu
;Item, 65186        = Hotclick search, 52
--------------------3
Item, 67394             = Go to page, "%t"
Item, 65218         = Send text in mail
--------------------4
Item, "View selection source"="Go to page, "javascript:opera.getSelectionSource()""

A výsledek:

2. Favelet v konfiguračním souboru pro menu

Toto je velmi podobné předchozí variatně, ale není potřeba soubor s uživatelským JavaScriptem, celý kód se přidá do definice menu. Prosím následujte kroky 1 a 3 z předchozí varianty instalace. Ve třetím kroku vložte do menu místo kódu z předchozí varianty kód z tohoto souboru.

3. Klasický bookmarklet

Nejjednodušší způsob instalace. Vytvořte novou položku v “Oblíbených” a do políčka pro adresu vložte kód z tohoto souboru.

Přizpůsobení

Pokud jste zvolili instalaci jako uživatelský JavaScript, tak si můžete zvolit jedno ze tří připravený barevných schémat zvýrazňování syntaxe, případně si napsat schéma vlastní. Např. definice výchozího schéma “Mozilla” vypadá takto:

schemes.mozilla = {
    background:     'White',
    fontFamily:     'monospace',
    fontSize:           '12px',
    stringColor:        'Black',
    bracketColor:       'Black',
    tagNameColor:       'Purple',
    tagNameBold:        'bold',
    attrNameColor:      'Black',
    attrNameBold:       'bold',
    attrValueColor: 'Blue',
    attrValueBold:      'normal',
    quoteColor:     'Blue',
    quoteBold:      'bold',
    commentColor:       'Green',
    commentBold:        'normal',
    cdataMarkColor: '#ff6600',
    cdataMarkBold: 'bold',
    cdataContentColor: '#ff6600',
    cdataContentBold: 'normal'
}

Další nastavení lze provést prostřednictví proměnné conf, ve zdrojovém kódu scriptu, výchozí hodnoty jsou tyto:

var conf = {
 
    // window settings
    wWidth:            700, // window width
    wHeight:           300, // window height
    wTop:              100, // window position Y
    wLeft:              50, // window position X
    closeOnKeystroke: true,
    closeKeyCode:       27, // ESC
    toggleWrapKeyCode: 13, // ENTER
 
    // syntax highligthing settings
    scheme: schemes.desert // set to the your prefered color scheme
 
}

Licence

Tento program je volný software; můžete jej šířit a modifikovat podle ustanovení Obecné veřejné licence GNU, vydávané Free Software Foundation; a to buď verze 2 této licence anebo (podle vašeho uvážení) kterékoli pozdější verze.

Try it right now!

To see how it works,  select any text on this page, choose a color scheme of the syntax highlighting (or keep the default one) and hit the button below:

View Selection Source!

Three installation methods

There are three ways to install the script. They differ in how complicated the installation is, how the script is integrated into Opera’s user interface and in the possibility of further customization.

1. User JavaScript
2. Bookmarklet in a menu
3. Plain bookmarklet

1. User JavaScript

This method is a little bit complicated but offers more comfortable usage. You will be able to call the script from the document context menu and also have the possibility of customizing it.

Step 1: Enable User JavaScript in Opera

To enable user JavaScript, use Tools > Preferences > Advanced > Content > JavaScript options, and select the directory where you want to store your User JavaScript files. Opera will load all the files in the specified directory whose names end with “.js” and use them as User JavaScript files.

Step 2: Install the “View Selection Source” User JS

Download the “View Selection Source” User JS file and save it into the in previous step created directory (you can also find the location in the opera:about page – llook for User JavaScript files).

Step 3: Add the “View Selection Source” item to the Opera’s context menu

We need to locate the ini file with your menu definition. Go to the toolbar preferences: Tools > Preferences > Advanced > Toolbars. If there is only an “Opera Standard” item in the ‘Menu Setup’ box, select it and click the Duplicate button. If you can see more than one item there, do nothing.

Now, go to the opera:about page and look for ‘Opera directory‘. Go to that directory and open a subdirectory called menu and find a file ending with “.ini” and open it in your favorite text editor (such as Notepad, Vim, Textmate, jEdit, etc). Before editing stop Opera please.

In the INI file, find a section called Hotclick Popup Menu and append the following code at the end of that section:

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

Finally the section should look similarly to this:

[Hotclick Popup Menu]
Item, 50872         = Copy
Item, 67652         = Copy to note
Platform Win2000-Unix-Mac, Feature Voice, Item, 70494 = Speak selection
--------------------1
Item, 65184             = Hotclick search, 200
;Submenu, 291920, Search with menu
Submenu, 291920, Internal Search With
Item, 65187         = Hotclick search, 50
Item, 65188         = Hotclick search, 51
--------------------2
Submenu, 291960, Translate menu
;Item, 65186        = Hotclick search, 52
--------------------3
Item, 67394             = Go to page, "%t"
Item, 65218         = Send text in mail
--------------------4
Item, "View selection source"="Go to page, "javascript:opera.getSelectionSource()""

Finally, the result should look like the following picture shows:

2. Favelet in the menu definition file

This is very similar to the previous variant, but any modification of the script becomes difficult since the code is compressed. The script will also be integrated into the context menu, but you don’t need to enable user JavaScripts. Please follow the steps 1 and 3 from the previous installation method, but In the third step don’t insert the code noted there, use the code from this file instead.

3. Classical bookmarklet

This is the simplest way to install the script. You’ll just create a new bookmark and insert the whole JS code into the ‘Address field’. When you want to call the script, just click the created bookmark item in the ‘Bookmarks’ panel. The code for this use is here.

Customization

If you’ve installed the script as a User JavaScript, you can choose one from three predefined color schemes now or easily define you own new one. For example, the definition of the “Mozilla” color scheme looks as follows:

schemes.mozilla = {
    background:     'White',
    fontFamily:     'monospace',
    fontSize:           '12px',
    stringColor:        'Black',
    bracketColor:       'Black',
    tagNameColor:       'Purple',
    tagNameBold:        'bold',
    attrNameColor:      'Black',
    attrNameBold:       'bold',
    attrValueColor: 'Blue',
    attrValueBold:      'normal',
    quoteColor:     'Blue',
    quoteBold:      'bold',
    commentColor:       'Green',
    commentBold:        'normal',
    cdataMarkColor: '#ff6600',
    cdataMarkBold: 'bold',
    cdataContentColor: '#ff6600',
    cdataContentBold: 'normal'
}

Another customization is possible by the conf variable, the default values are:

var conf = {
 
    // window settings
    wWidth:            700, // window width
    wHeight:           300, // window height
    wTop:              100, // window position Y
    wLeft:              50, // window position X
    closeOnKeystroke: true,
    closeKeyCode:       27, // ESC
    toggleWrapKeyCode: 13, // ENTER
 
    // syntax highligthing settings
    scheme: schemes.desert // set to the your prefered color scheme
 
}

Licence

This script is free software, and you are welcome to redistribute and modify it under the terms of the GNU General Public License (either version 2 or any later version).

If you have any questions, feel free to ask in the comments.

Update

Now available also as a Google Chrome extension.

• Download anchorize.js

All of the following URLs are correctly converted into clickable links when using anchorize.js:

• http://example.com/
• http://192.160.1.1/~root
• https://foo.example.com/bar?aaa=eee&yyy=ooo
• ftp://example.com/foo
• http://en.wikipedia.org/wiki/Term_(language)
• (http://example.com/)
• www.example.com/beer[]=pilsner

If Anchorize.js causes some problems on a particular website or you just want to disable it for a specific domain (e.g. in my instalation I’ve disabled it for Google Search), use an @exclude directive as described in Opera documentation.

• Stáhnout anchorize.js

Všechny tyto URL jsou při použití anchorize.js korektně převedeny na klikatelné odkazy:

• http://example.com/
• http://192.160.1.1/~root
• https://foo.example.com/bar?aaa=eee&yyy=ooo
• ftp://example.com/foo
• http://en.wikipedia.org/wiki/Term_(language)
• (http://example.com/)
• www.example.com/beer[]=pilsner
• [www.example.com]
• <http://example.com/>

“Pretty XML tree view” je user JavaScript (uživatelský JavaScript) pro prohlížeč Opera, který automaticky konveruje nenastylované XML (napr. RSS) na stromovou strukturu podobně, jako to činí např. Firefox.

Transformace je prováděna pomocí XSLT (XSLT šablona je obsazena v souboru se scriptem), takže se jedna o velmi rychlý proces.

• ukazkový vystup

Ve vysledné stromové struktuře lze jednotlivé elementy jednoduše sbalit a rozbalit kliknutim na počatecní či koncovou značku daného elementu.

Stažení

• pretty-xml-tree.js – soubor s uživatelským JavaScriptem
• pretty-xml-tree.xsl – originalní XSLT sablona (tento soubor nepotřebujete – je již obsazen ve scriptu -, ale může se hodit, pokud chcete porozumnet, jak je přesně transformace udelána)

Screenshot

The transformation is done using XSLT (the stylesheet is embeded into the JavaScript file), so that it’s much faster than i.e. the first XML tree user JavaScript (written by Mark “Tarquin” Wilton-Jones) even with large documents.

See Pretty XML tree sample output.

Note that the formatted output allows you to fold elements – just click either the opening or the closing tag of an element and its content will be replaced with three green dots; click again to unfold it.

If you want to know which namespace particular element belongs to, just hold your mouse over it and the URI of the namespace appears in a few seconds.

Download

• pretty-xml-tree.js – the user JavaScript file
• pretty-xml-tree.xsl – the original XSLT file (you most likely don’t need this file, it’s here in case you want to study it)

Screenshot

Update

Some guys’ve created a Chrome extension based on my script – XML Tree for Chrome. I really like the idea to allow search in the tree by XPath expressions!