Navigatie overslaan.
Start

Jumplists in Internet Explorer 9

jumplist naar een blog

Met IE 9 is het mogelijkzogenaamde jumplists te gebruiken. Hiermee is het mogelijk snel tussen webpagina’s te switchen zonder eerst de browser te moeten opstarten. Bij vastgepinde websites waarvoor ontwikkelaars jumpList toepassingen hebben gemaakt, kun je (volgens Microsoft) snel een nieuwe mail opstellen, je inbox checken, een muziekzender veranderen, een vriendschapsverzoek accepteren en breaking news raadplegen.

Om in je eigen website een jumplist aan te maken moet je wat extra code in de header van de website plaatsen. Hieronder staat een voorbeeld met code, waarmee de volgende jumplist naar een blog is gemaakt:

<meta name="application-name" content="Rey Bango Front-end Developer" />
<meta name="msapplication-tooltip" content="Launch Rey Bango's Blog" />
<meta name="msapplication-task" content="name=About;action-uri=/about/;icon-uri=/images/about.ico" />
<meta name="msapplication-task" content="name=The Big List;action-uri=/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri=/images/list_links.ico" />
<meta name="msapplication-task" content="name=jQuery Posts;action-uri=/category/jquery/;icon-uri=/images/jquery.ico" />
<meta name="msapplication-task" content="name=Start Developing;action-uri=/category/javascript/;icon-uri=/images/script.ico" />
<link rel="shortcut icon" href="/images/favicon.ico" />

Het content attribuut specificeert de naam, actie en icoon voor de jumplist regels. Hieronder staat een overzicht van de beschikbare meta elementen om zelf een jumplist te maken:

Naam Inhoud
application-name De naam van de snelkoppeling. Indien afwezig wordt de titel van het document gebruikt.
msapplication-tooltip Optionele tekst die voor de tooltip wordt gebruikt als de muisaanwijzer boven de snelkoppeling in het Windows Start menu of het bureaublad.
msapplication-starturl De basis URL van het programma. Indien afwezig wordt het adres van de huidige pagina gebruikt. Alleen HTTP, HTTPS en FTP protocollen zijn toegestaan.
msapplication-navbutton-color De kleur van de Terug en Vooruit knoppen in het browserwindow van de betreffende site. Iedere bekende kleurnaam of hexadecimale kleurnummer (zoals gedefinieerd in Cascading Style Sheets (CSS), Level 3 (CSS3) is geldig. Kijk op Color Table voor meer informatie. Als dit meta element afwezig is, dan wordt de kleur gebaseerd op het snelkoppelings icoon.
msapplication-window De initiële grootte van het vastgepinde website browser window. Met sub-elementen kan de grootte worden aangepast in cijfers N, gescheiden door een puntkomma.
  • breedte=N (minimum 800)
  • hoogte=N (minimum 600)

Houdt er rekening mee dat de gebruiker deze waarden kan aanpassen. Windows houdt de laatst ingestelde waardes van de schermgrootte vast bij het afsluiten van het scherm.

Bovenstaande code kan verder naar eigen wens worden aangepast door de start URL, initiële window grootte, en de kleur van de navigatie knoppen met de volgende code:

<meta name="msapplication-starturl" content="http://blog.reybango.com/about/" />
<meta name="msapplication-window" content="width=800;height=600" />
<meta name="msapplication-navbutton-color" content="red" />

Houdt er rekening mee dat bij de aankondiging van IE9 door Microsoft (eind 2010) dit alleen werkt in IE9 in combinatie van Windows 7 (en wellicht Vista met het laatste servicepack). Dus niet in andere browsers.