IE9: Pinned Sites

Adrián Catalánadriancatalan@elementalgeeks.com

@ykro

Pinned Sites

• ¿qué son?• Importancia de la integración

Name Content

application-name El nombre del acceso directo, si en caso no se especifica, se utiliza el título de la página.

msapplication-tooltip Texto que se muestra cuando el puntero del mouse está sobre el acceso directo del pinned site.

msapplication-starturl URL principal de la aplicación, si en caso no se especifica se toma la URL de la página actual. Existe soporte para protocolos. HTTP, HTTPS y FTP

msapplication-navbutton-color El color de los botones de Back y Forward al navegar dentro del sitio.

msapplication-window •El tamaño con el que se muestra al iniciar la ventana del navegador conteniendo al pinned site.

JumpList Tasks

<META name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/>

Overlay Icons

// agregarwindow.external.msSiteModeSetIconOverlay(

'http://host/images/overlay1.ico','Overlay 1');

//quitarwindow.external.msSiteModeClearIconOverlay();

Thumbnail

btn1 = window.external.msSiteModeAddThumbBarButton(

'http://host/images/button1.ico', 'button 1');

document.addEventListener('msthumbnailclick', handler1, false);

function handler1 (btn) { alert ("addeventlist:thumbnail btn id" + btn.buttonID); }

window.external.msSiteModeShowThumbBar();

window.external.msSiteModeUpdateThumbBarButton(btn1, false, true);

if (window.external.msIsSiteMode) { /* estamos usando un pinned site

*/if

(window.external.msIsSiteMode()) { /* hay soporte del navegador

*/} else {

/* navegador no soporta */}

}

IE9: Pinned Sites

Adrián Catalánadriancatalan@elementalgeeks.com

@ykro