Marco's Pinned Site for IE9

Marco's Pinned Site for IE9

Internet Explorer 9 has (or: will have) a new feature for dragging a site on the task bar of Windows 7 and use it as it was a desktop application. For more information about Pinned Sites see http://msdn.microsoft.com/en-us/library/gg491738%28v=VS.85%29.aspx.
Special thanks to Pietro Brambati for his support.

 

How to pin a site in IE9

This plugin allow you to pin a Joomla! site into the application task bar of Windows 7. You have two main sections: a static one (mandatory) and a dynamic one.

Static section is generated with metadata tags added in the <head> tag of the page, and contains info like:
(see: http://msdn.microsoft.com/en-us/library/gg491732%28v=vs.85%29.aspx)

  • Application Name
  • Application Tooltip
  • Application StartUp URL
  • Width & Height of browser
  • main tasks of the site: a set of links to the most important sections or to main entry points of your sites


Dynamic section is generated by javascript, we will use dynamic section for adding latest news (articles) to our pinned site.
(see: http://msdn.microsoft.com/en-us/library/gg491728%28v=VS.85%29.aspx)

Plugin Parameters

Metatag Task Generation

  • Application Name
    The task name that appears in the Jump List.
  • Menu Name
    The Joomla! menù for adding task when pinning the site
  • Show menu icons
    Display or not the task icons in Windows 7 Jump List. Icons should be added as Joomla! menu's images.
    Note: doesn't work in Joomla! 1.6, because you can not add a icon file, as image, to a menu item.

Dynamic Jump List

  • Show Latest News
    Show or Hide Dynamic Jump List
  • Jump List Name
    The Jump List category Name
  • Items to display
    The number of items to display (max 20)
  • Ordering
    The ordering type of items
  • Select a section
    News Section for getting news
    Note: not present in Joomla! 1.6 (Joomla! 1.6 has not sections)
  • Select a category
    News Category for getting news

 

 

Advanced Parameters

  • Application Tooltip
    Provides additional tooltip text that appears when you hover over the Pinned Site shortcut in the Windows Start menu or on the desktop. If blank site description is taken.
  • NavButton Color
    define the custom color of the Back and Forward buttons in the Pinned Site browser window. Any named color, or hex color value is valid.
  • Application StartUp URL
    The root URL of the application. The start URL can be fully qualified, or relative to the root document.
  • Width of Application
    The window width in pixels. The minimum value is 800.
  • Height of Application
    The window height in pixels. The minimum value is 600.
  • Draw Drag Layer
    Insert the layer with text 'Drag the site icon to the taskbar...'
  • Load system css
    Load the standard css for 'Drag me layer'. You are strongly encouraged to put css in your template directly.
    note: if you load 'base' css ensure that the plugin is executed after the SEF one
  • Text Drag the site
    the text: "Drag the site icon to the taskbar...". Pay attention, please, this is html code with javascript action for pinning site: edit carefully!
    (default:Drag the site icon to the taskbar to pin site or <a href="javascript:void(0)" onclick="addSite();">click here to add to.</a>)

 

Create a menu for static task Jump List

The easiest way way to create a entries for static metadata is to create a Joomla! menu and bind it to the plugin.
So create a new menu: I suggest the name 'pinnedmenu' and add the voices you need (max 5 items, at the moment of writing). You can add every thing you can link inside your Joomla! site, if you can link it you can pin it; you can pin every component (e-commerce, gallery, forms...) You can also add an image menu, but in this case the image has to be an icon: you can not use png/gif/jpg (see: http://msdn.microsoft.com/en-us/library/gg491740%28v=VS.85%29.aspx), so this option doesn't work in Joomla! 1.6... sorry.

Static taskes  have three modes to open a task, The following table shows the correlation between the methods of Joomla menus and those of  IE9

Jooma MenuPinned Site
Parent Window with Browser Navigation (default in Joomla) self — the current tab
New Window with Browser Navigation tab — a new tab in the current window (default in win)
New Window without Browser Navigation window — a new Pinned Site window

 

 

Requirements

To run, this plugin needs:

  • IE9 and Windows 7, of course.
  • for pinning Latest News: mod_latestnews have to be installed (default for standard Joomla! installation)
  • for 'drag me' layer: mootool have to be loaded (default for html documents)

If you don't see the upper red banner and you get the javascript error "window.addEvent is not a function" mootools is not loaded. (may an extension jQuery based).

 

History

26th September 2013  v2.5.0 Beta

  • Joomla! 2.5 version
  • other planned, especially 'tile' for Windows 8.1, waiting for user response...

 

23th March 2011  v1.0.4

  • fixed problem when Joomla! is installed in subdir
  • fixed jump list in reverse order

 

Debug & Suggestions

Please report bugs or send suggestions to red-AT-mmleoni.net.

Important

No code is generated if client browser is not Internet Explorer 9 or greater.

 

Download Marco's Pinned Site for IE9 Joomla! Plugin

Joomla! 2.5

 

Note: this is a RC version because was developed when Internet Explorer was still in RC version.

Joomla! 1.5 RC Version (discontinued)

Joomla! 1.6 (discontinued)

Note: J1.6 version is a RC2 version because Joomla! 1.6 is still in development: pay attention when use it, please!

Commenti   

0 #5 Guest 2012-07-04 06:41
Ho installato sul mio sito K2, che utiolizzo per pubblicare gli articoli. Ora, sulla barra delle applicazioni non vengono più visualizzati gli ultimi pubblicati. Occorrerebbe una integrazione con K2...
Citazione
0 #4 navibd 2012-01-02 12:29
very good extension but need more improvement...
I installed and draged to toolbar, but articles are changed in my website but what I can see in toolbar is articles in time I pinned my site...
Citazione
0 #3 na 2011-09-16 12:43
creating latest comment List from Jcomments comment
Citazione
0 #2 na 2011-09-16 12:42
very good and helpful plug-in.
but need some improvement....

1-Flash taskbar
2-adding RSS or Frontpage for Dynamic List
3-clicking a link and flash taskbar
Citazione
+1 #1 Lorenzo 2011-07-13 06:08
Some absolutely needed improvements:
- hide the Drag site message if address bar is hidden: the drag message is shown also if the joomla website open a new page with hidden address bar (as a popin)
- a button to hide the message could be very useful
Citazione

Aggiungi commento

Please note: URL in text are not linked and user's site address is only for internal use and is not published.

Comments are human checked. All spam will be removed, so don't waste your time and, especially, mine!

Codice di sicurezza
Aggiorna

L'estate si avvicina hai già trovato l'albergo per le vacanze? cerca un albergo al mare o un hotel in montagna ove trascorrere le tue vacanze.