ie9 pinned sites
DESCRIPTION
Presentación preparada por Adrián Catalán (@ykro) Video disponible en http://youtu.be/iM7b_XPx1_4 Demos en http://dl.dropbox.com/u/8418860/IE9PinnedSitesDEmos.zipTRANSCRIPT
![Page 2: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/2.jpg)
Pinned Sites
• ¿qué son?• Importancia de la integración
![Page 3: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/3.jpg)
![Page 4: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/4.jpg)
![Page 5: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/5.jpg)
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.
![Page 6: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/6.jpg)
JumpList Tasks
![Page 7: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/7.jpg)
<META name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/>
![Page 8: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/8.jpg)
Overlay Icons
![Page 9: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/9.jpg)
// agregarwindow.external.msSiteModeSetIconOverlay(
'http://host/images/overlay1.ico','Overlay 1');
//quitarwindow.external.msSiteModeClearIconOverlay();
![Page 10: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/10.jpg)
Thumbnail
![Page 11: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/11.jpg)
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); }
![Page 12: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/12.jpg)
window.external.msSiteModeShowThumbBar();
window.external.msSiteModeUpdateThumbBarButton(btn1, false, true);
![Page 13: IE9 Pinned Sites](https://reader033.vdocuments.site/reader033/viewer/2022061205/5481295ab379597b2b8b5bf2/html5/thumbnails/13.jpg)
if (window.external.msIsSiteMode) { /* estamos usando un pinned site
*/if
(window.external.msIsSiteMode()) { /* hay soporte del navegador
*/} else {
/* navegador no soporta */}
}