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 Menu | Pinned 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
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...
but need some improvement....
1-Flash taskbar
2-adding RSS or Frontpage for Dynamic List
3-clicking a link and flash taskbar
- 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
RSS feed dei commenti di questo post.