domenica 19 settembre 2010

IE9 – Pinned Site – Aggiungere un sito al menù Start

Un’altra funzionalità messa a disposiziojne da IE9 è qualle che ci da la possibilità di aggiungere un sito web all’interno del menù Start di Windows 7.

Per fare questo è sufficiente utilizzare l’opzione di menù presente sotto Strumenti->File->Aggiungi al Menù Start:

image

IE9 chiede conferma dell’operazione:

image 
e, in caso, di risposta positiva inserisce il sito tra i programmi del menù start:

image

E’ possibile eseguire questa operazione anche da codice Javascript utilizzando il metodo window.external.msAddSiteMode() 

Ad esempio il seguente codice mette a disposizione un bottone per l’aggiunta del sito al menù start:

  1. <script type="text/javascript">
  2.     function addWebApp() {
  3.         try {
  4.             window.external.msAddSiteMode();
  5.         }
  6.         catch (ex) {
  7.             // Site Mode not supported.
  8.         }
  9.     }
  10. </script>
  11.  
  12. <button onclick="addWebApp()" title="Click to add this webpage to your Windows Start menu.">
  13.     Launch in Site Mode</button>

E’ possibile anche gestire l’evento di avvenuto salvataggio del sito all’interno del menù start. L’evento in questione è mssitemodeinstalled. Un esempio è il seguente:

  1. <script type="text/javascript">
  2.     window.onload = function () {
  3.         document.addEventListener('mssitemodeinstalled', function () {
  4.             alert("Site Mode shortcut installed sucessfully.");
  5.         }, false);
  6.     }
  7. </script>

Ovviamente il codice funziona solamente se ci troviamo su IE9.

E’ possibile customizzare alcune proprietà del sito “pinned” utilizzando i tag meta. I valori possibili sono riportati nel seguente link.

Ad esempio, la seguente è una home page con le funzioni di aggiunta al menù Start:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title></title>
  5.     <meta name="application-name" content="Mia Home Page" />
  6.     <meta name="msapplication-tooltip" content="Visita la Home Page del mio sito" />
  7.     <meta name="msapplication-starturl" content="http://localhost:20000/home.htm" />
  8.     <meta name="msapplication-window" content="width=800;height=600" />
  9.     <meta name="msapplication-navbutton-color" content="yellow" />
  10. </head>
  11. <body>
  12.     <script type="text/javascript">
  13.         function addWebApp() {
  14.             try {
  15.                 window.external.msAddSiteMode();
  16.             }
  17.             catch (ex) {
  18.             }
  19.         }
  20.         window.onload = function () {
  21.             try {
  22.                 document.addEventListener('mssitemodeinstalled', function () {
  23.                     alert("Sito installato correttamente nel menùStart.");
  24.                 }, false);
  25.             } catch (e) {
  26.             }
  27.         }
  28.     </script>
  29.     <button onclick="addWebApp()" title="Clicca per inserire il mio sito tra i programmi del menù start.">
  30.         Salva il sito nel menù Start</button>
  31. </body>
  32. </html>

Quando salviamo il sito all’interno del menù Start otteniamo che questo verrà aperto con  favicon.ico come icona di riferimento, con la finestra 800x600 e con i pulsanti di back e forward gialli:

image

Nessun commento: