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:
IE9 chiede conferma dell’operazione:
e, in caso, di risposta positiva inserisce il sito tra i programmi del menù start:
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:
- <script type="text/javascript">
- function addWebApp() {
- try {
- window.external.msAddSiteMode();
- }
- catch (ex) {
- // Site Mode not supported.
- }
- }
- </script>
- <button onclick="addWebApp()" title="Click to add this webpage to your Windows Start menu.">
- 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:
- <script type="text/javascript">
- window.onload = function () {
- document.addEventListener('mssitemodeinstalled', function () {
- alert("Site Mode shortcut installed sucessfully.");
- }, false);
- }
- </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:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <meta name="application-name" content="Mia Home Page" />
- <meta name="msapplication-tooltip" content="Visita la Home Page del mio sito" />
- <meta name="msapplication-starturl" content="http://localhost:20000/home.htm" />
- <meta name="msapplication-window" content="width=800;height=600" />
- <meta name="msapplication-navbutton-color" content="yellow" />
- </head>
- <body>
- <script type="text/javascript">
- function addWebApp() {
- try {
- window.external.msAddSiteMode();
- }
- catch (ex) {
- }
- }
- window.onload = function () {
- try {
- document.addEventListener('mssitemodeinstalled', function () {
- alert("Sito installato correttamente nel menùStart.");
- }, false);
- } catch (e) {
- }
- }
- </script>
- <button onclick="addWebApp()" title="Clicca per inserire il mio sito tra i programmi del menù start.">
- Salva il sito nel menù Start</button>
- </body>
- </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:
Commenti