#KPN Vandaag

Stel deze tab in
Nieuw op KPN Vandaag
Stel achtergrond kleur in
< Terug naar overzicht

<?xml version="1.0" encoding="UTF-8"?>
<preferences>
	<catalogue-browser-subheader>Maak een keuze uit een categorie en blader door het aanbod van blokjes. Heeft u het het blokje van uw keuze gevonden dan kunt deze controleren door een voorbeeld te bekijken. Is uw keuze definitief klik dan op toevoegen. Om terug te keren naar uw startpagina kiest u voor "Sluit". Het door u toegevoegde blokje bevindt zich onderaan de pagina.</catalogue-browser-subheader>
	<catalogue-browser-subheader-new>U treft hier een overzicht aan van de nieuwste toegevoegde blokjes. U kunt door het aanbod bladeren. Heeft u het het blokje van uw keuze gevonden dan kunt deze controleren door een voorbeeld te bekijken. Is uw keuze definitief klik dan op toevoegen. Om terug te keren naar uw startpagina kiest u voor "Klik". Het door u toegevoegde blokje bevindt zich onderaan de pagina.</catalogue-browser-subheader-new>
	
	<catalogue-browser-new-features>
		<h3>Keuzeoptie blokken</h3>
		Selecteer en bekijk op eenvoudige wijze een voorbeeld
	</catalogue-browser-new-features>
	<catalogue-browser-tips-tricks>
		<h3>Nieuws makkelijk toegankelijk</h3>
		Een handig overzicht van meer nieuws bij het lezen van een artikel
	</catalogue-browser-tips-tricks>
</preferences>

opties opties

Nieuws door ANP

Arts Michael Jackson vraagt om vrijlating

Groothuis bij WK op 1000 meter tegen Davis

PSV koploper na zege op Vitesse

Kabinet stemt in met boerkaverbod

Aanhoudingen bij ontruiming Shellgebouw

Nog een dode in ingestort gebouw Rio

KPN

KPN klantenservice

Actuele storingen >Klantenservice >

Inloggen MijnKPN >Inloggen KPN webmail >

Helpdesk voor

E-mail

opties opties

Mijn linklijst

Link toevoegen

opties opties

Buienradar weer

vandaag

ochtend: 2°C

middag: 3°C

avond: 0°C

nacht: -4°C

ZO 2

zondag

max: -1°C

min: -4°C

O 3

maandag

max: -1°C

min: -5°C

O 4

dinsdag

max: -3°C

min: -7°C

O 4

woensdag

max: -3°C

min: -7°C

O 3

meer informatie

opties opties

Buienradar

Weerbericht geldig tot morgen middernacht

Vanochtend komen er verspreid over het land nog enkele lichte buien voor. Vanmiddag is het vrijwel overal droog en schijnt de zon regelmatig. De middagtemperatuur ligt rond een graad of 5. Met een zwakke tot matige naar oost draaiende wind wordt geleidelijk koudere lucht aangevoerd waardoor vanavond...

Uitgebreid weeroverzicht

meer op buienradar.nl

Aanbiedingen

Online spelletjes

Top 5 spellen

Mahjongg Fortuna

Voor deze variant op het eeuwenoude spel uit Azië zijn inzicht en snelheid je belangrijkste wapens. Maak het speelveld zo snel mogelijk leeg door gelijkwaardige stenen weg te klikken....

speel dit spel nu

Eredivisie Live

It Must Be Love 27-01 Van den Brom: 'Ik ben hartstikke trots op de j... Rutten: 'Ik had niet zo een erge reactie verwa... Mertens: 'Ik raakte hem wel lekker' Toivonen: 'Bij de tegengoal sloop er wat angst... Havenaar: 'Hopelijk winnen we de volgende keer' 76' Doelpunt Dries Mertens, PSV - Vitesse, 2-0 Jonathan Reis valt in tegen PSV Piero: PSV schroeft tempo omhoog Menzo: 'De juiste mensen moeten aan de bal kom...

Neem nu een abonnement op Eredivisie Live. Klik hier

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="extendedNewsGadget anp-news"> <head>  <title>Nieuws door ANP</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference name="subtitle" type="text"></g:preference> <g:preference name="list-size" type="text" default="6"></g:preference> <g:preference name="show-photo" type="checkbox" default="on"></g:preference> <g:preference name="all-categories" type="checkbox" default="on"></g:preference> <g:preference name="categories" type="checkbox"></g:preference> <g:preference name="maximized" type="readonly"></g:preference> <g:preference name="category-name" type="readonly"></g:preference> <g:preference name="news-id" type="readonly"></g:preference> <g:preference name="maximized-category" type="hidden"></g:preference> <g:preference name="keyword" type="hidden"></g:preference> <g:preference name="refreshRate" type="hidden" default="300000"></g:preference> </g:preferences> </head> <body class="attachBehavior attachBehaviorextendedNews" g:onbeforemaximize="portal.gadget.Include.setTitleFromHttpHeader = true;" g:onrestore="portal.gadget.Include.setTitleFromHttpHeader = false;" g:onchange="if(__GADGET__.getPreference('maximized')=='true')this.refreshIncludes(function() {document.title=__GADGET__.title;});"> <script xmlns:d="http://www.backbase.com/2006/tdl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml"> <d:tdl xmlns:phe="http://www.backbase.com/2010/phe"> <d:namespace name="http://www.backbase.com/2010/phe"> <d:behavior name="extendedNews"> <d:handler event="mouseenter" match=".extendedNewsItem" type="text/javascript"><![CDATA[var oExtendedNewsPhoto = bb.selector.query(this.viewNode, '.extendedNewsListPhoto img'); if (oExtendedNewsPhoto) { var sPicture = event.currentView.getAttribute('picture'); if (sPicture) oExtendedNewsPhoto.src = sPicture; }]]></d:handler> <d:method name="extendedNews.setAutorefresh"> <d:body type="text/javascript"><![CDATA[var oThis = this; var iRefreshInterval = parseInt(this.getPreference('refreshRate')); if ((!iRefreshInterval) || (isNaN(iRefreshInterval))) return; this.extendedNews.autoRefreshTimeout = setTimeout(function() { oThis.refreshIncludes(); }, iRefreshInterval);]]></d:body> </d:method> <d:handler event="extendedNews.onload" type="text/javascript"><![CDATA[if(this.iActiveButtonIndex) { var buttons = bb.selector.query(this.viewNode, '.carousel-snippet-buttons'); if(this.carousel)this.carousel.animate(buttons, this.iActiveButtonIndex) } if(!bb.selector.match(this.viewNode, '.p-gadget-maximized')) { this.extendedNews.setAutorefresh(); } var oExtendedNewsList = ( bb.selector.query(this.viewNode, '.extendedNewsList') || bb.selector.query(this.viewNode, '.carousel-snippet-layer') ); if (!oExtendedNewsList) return; var aExtendedNewsListItems = bb.selector.queryAll(oExtendedNewsList, 'a'); // report to omniture if (kpnstats!=undefined) { if (bb.selector.match(this.viewNode, '.p-gadget-maximized')) { var sUrl = document.location.href; if(sUrl.search("#news") != -1) { var articleDate = sUrl.match(/[0-9]{6}/) != null ? sUrl.match(/[0-9]{6}/) : kpnstats.stats.omniDate(); var reportWidget = ''; var sGadgetId = bb.getProperty(this, 'templateId'); //get and reset the url sUrl = sUrl.substring((sUrl.lastIndexOf("/") +1), sUrl.length); var oTitle = "nieuws:" + sUrl; // replace underscore for spaces oTitle = oTitle.replace(/_/gi, " "); //oTitle = oTitle.replace(/(%)([A-Z0-9]{1,4})/g, ''); if(statsGadgets[sGadgetId]!=null) { reportWidget = ';'+ sGadgetId + '__' + statsGadgets[sGadgetId]['title'] + ';;;;evar31=' + statsGadgets[sGadgetId]['category']; } var props = {'1':"nieuws", '2':oTitle + " " + articleDate[0], '3':oTitle}; var propsClick = {'34':oTitle} //voor faking a click op interne link kpnstats.stats.doOmniture('eVar34,products,events','event28','event28',null,null,propsClick,false,false,'linkName',null,null, null, null, reportWidget); //for sending a pageview. kpnstats.stats.doOmniture('eVar3',null,null,'nieuws',oTitle,props,true,null,null,null,null, null, 'hier1'); } } } if (bb.browser.ie) { var iVisitedLinksStorageMaxSize = 25; var oVisitedLinksStorage = document.getElementById('extendedNews-visitedLinksStorage'); if (!oVisitedLinksStorage) return; oVisitedLinksStorage.load("extendedNews-visitedLinksStorage"); oVisitedLinksStorage.innerHTML = oVisitedLinksStorage.getAttribute("data"); bb.html.addEventListener(oExtendedNewsList, 'click', function(oEvent) { var oAnchor = bb.selector.queryAncestor(oEvent.srcElement, 'a'); bb.html.addClass(oAnchor, 'a-visited'); var sHref = oAnchor.getAttribute('href'); var aVisitedLinks = oVisitedLinksStorage.getElementsByTagName('p'); var bNeedToAdd = true; for (var c = 0; c < aVisitedLinks.length; c++) { if (aVisitedLinks[c].innerText == sHref) { oVisitedLinksStorage.appendChild(aVisitedLinks[c]); bNeedToAdd = false; } } if (bNeedToAdd) { var iCurrentLength = aVisitedLinks.length; while (iCurrentLength >= iVisitedLinksStorageMaxSize) { oVisitedLinksStorage.removeChild(oVisitedLinksStorage.firstChild); iCurrentLength--; } oVisitedLinksStorage.innerHTML += '<p style="border:1px solid red;">' + sHref + '</p>'; } oVisitedLinksStorage.setAttribute("data", oVisitedLinksStorage.innerHTML); oVisitedLinksStorage.save("extendedNews-visitedLinksStorage"); }, true, true); var oVisitedLinks = {}; var aVisitedLinks = oVisitedLinksStorage.getElementsByTagName('p'); for (var c = 0; c < aVisitedLinks.length; c++) oVisitedLinks[aVisitedLinks[c].innerText] = true; for (var c = 0; c < aExtendedNewsListItems.length; c++) { var oAnchor = aExtendedNewsListItems[c]; var sHref = oAnchor.getAttribute('href'); if (oVisitedLinks[sHref]) bb.html.addClass(oAnchor, 'a-visited'); } } else { bb.html.addEventListener(oExtendedNewsList, 'click', function(oEvent) { var oAnchor = bb.selector.queryAncestor(oEvent.target, 'a'); if ((!oAnchor) || (bb.html.hasClass(oAnchor, 'extendedNewsItemClone'))) return; var oOriginalAnchor = bb.selector.query(oAnchor, '.extendedNewsItemClone'); if (!oOriginalAnchor) return; oEvent.preventDefault(); oEvent.stopPropagation(); bb.html.fireEvent(oOriginalAnchor, 'click', true, true); }, true, true); for (var c = 0; c < aExtendedNewsListItems.length; c++) { var oExtendedNewsLink = aExtendedNewsListItems[c]; var oExtendedNewsLinkClone = oExtendedNewsLink.cloneNode(false); bb.html.addClass(oExtendedNewsLinkClone, 'extendedNewsItemClone'); var sHref = oExtendedNewsLink.getAttribute('href'); oExtendedNewsLink.setAttribute('href', sHref.replace('/news/', '/#news/')); oExtendedNewsLink.appendChild(oExtendedNewsLinkClone); } }]]></d:handler> <d:handler event="preferenceModified" type="text/javascript"><![CDATA[var sPreferenceName = (event.attrName.toLowerCase()); if (sPreferenceName == 'maximized') { var sMaximized = this.getPreference('maximized'); if (sMaximized == 'false') { this.setPreference('news-id', ''); this.setPreference('category-name', ''); } }]]></d:handler> <d:handler event="combobox.change" type="text/javascript"><![CDATA[if(!bb.selector.queryAncestor(event.sender,'.extendedNewsPreferences')){ this.setPreference('maximized-category', event.value); var categoryName = event.value; if(event.value != 'all'){ categoryName = bb.selector.query(event.sender,'.comboboxItemInactive[value='+event.value+']').innerHTML; } var sHref = 'news/' + categoryName + '/'; bb.history.add(sHref); }]]></d:handler> </d:behavior> </d:namespace> </d:tdl> </script> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="extendedNewsGadget"></g:http-proxy-param> <g:http-proxy-param name="list-size" value="${list-size}"></g:http-proxy-param> <g:http-proxy-param name="show-photo" value="${show-photo}"></g:http-proxy-param> <g:http-proxy-param name="categories" value="${categories}"></g:http-proxy-param> <g:http-proxy-param name="all-categories" value="${all-categories}"></g:http-proxy-param> <g:http-proxy-param name="category-name" value="${category-name}"></g:http-proxy-param> <g:http-proxy-param name="news-id" value="${news-id}"></g:http-proxy-param> <g:http-proxy-param name="keyword" value="${keyword}"></g:http-proxy-param> <g:http-proxy-param name="maximized" value="${maximized}"></g:http-proxy-param> <g:http-proxy-param name="maximized-category" value="${maximized-category}"></g:http-proxy-param> </g:include> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="buienradarGadget"> <head> <title>Buienradar</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference name="url" type="hidden"></g:preference> </g:preferences> </head> <body> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="buienradarGadget"></g:http-proxy-param> <g:http-proxy-param name="url" value="${url}"></g:http-proxy-param> </g:include> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="serviceGadget"> <head> <title>KPN</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference name="title" type="text"></g:preference> </g:preferences> </head> <body>  <g:include proxy="true">  <g:http-proxy-param name="pipe" value="kpnServiceGadget"></g:http-proxy-param> </g:include> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="sponsoredLinksGadget"> <head> <title>Laden...</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference name="title" type="text"></g:preference> <g:preference name="all-categories" type="checkbox" default="on"></g:preference> <g:preference name="categories" type="checkbox"></g:preference> <g:preference name="url" type="hidden"></g:preference> <g:preference name="list-size" type="text" default="6"></g:preference> <g:preference name="gadget-type" type="select-one" label="Gadget type"> <g:enumeration value="default" label="Default"></g:enumeration> <g:enumeration value="full" label="Full image no text"></g:enumeration> <g:enumeration value="small" label="Small"></g:enumeration> </g:preference> <g:preference type="checkbox" label="Animate full images" name="animate" default="off"></g:preference> <g:preference name="image-delay" type="text" default="4"></g:preference> <g:preference name="animation-time" type="text" default="2"></g:preference> </g:preferences> </head>  <body g:onload="this.setTitle(this.getPreference('title'));"> <iframe name="advertise" src="/static/content/admeta_468_60_aanbiedingengadget.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" height="60" width="468"></iframe> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en" class="webmailGadgetChrome"> <head> <title>E-mail</title> </head> <body> <div class="webmailGadget"> <div class="webmailGadgetColumn"> <a target="_blank" href="https://webmail.kpnmail.nl/mail/logon.asp" rel="nofollow"> <div class="webmailGadgetIcon1">kpn mail</div> </a> </div> <div class="webmailGadgetColumn"> <a target="_blank" class="mail" href="http://www.hotmail.com" rel="nofollow"> <div class="webmailGadgetIcon2">Hotmail</div> </a> </div> <div class="webmailGadgetColumn"> <a target="_blank" class="mail" href="http://www.gmail.com" rel="nofollow"> <div class="webmailGadgetIcon3">GMail</div> </a> </div> <div class="webmailGadgetColumn"> <a target="_blank" class="mail" href="http://webmail.hetnet.nl" rel="nofollow"> <div class="webmailGadgetIcon4">HetNet mail</div> </a> </div> <div class="clear"></div> </div> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="zylomGadget"> <head> <title>Online spelletjes</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference name="subtitle" type="hidden" default="Games"></g:preference> <g:preference name="category" type="readOnly"></g:preference> <g:preference name="feedtype" type="readOnly"></g:preference> <g:preference name="maximized" type="readonly"></g:preference> <g:preference name="keyword" type="hidden"></g:preference> </g:preferences> </head> <body class="zylomGadget attachBehavior attachBehaviorzylomGadget" g:onmaximize="this.tmp_maximized=true;" g:onchange="this.tmp_maximized=false;this.refreshIncludes();" g:onrestore=""> <script xmlns:d="http://www.backbase.com/2006/tdl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml"> <d:tdl xmlns:phe="http://www.backbase.com/2010/phe"> <d:namespace name="http://www.backbase.com/2010/phe"> <d:behavior name="zylomGadget"> <d:method name="zylomGadget.popup"> <d:argument name="sPopupURL" type="string" required="true"></d:argument> <d:body type="text/javascript"><![CDATA[var iWidth = 700; var iHeight = 550; var iTopPosition = 0; var iLeftPosition = (screen.width) ? (screen.width - iWidth) / 2 : 0; if (!((screen.height) && (screen.height <= 600))) { iTopPosition = (screen.height) ? (screen.height - iHeight) / 2 : 0; } var sSettings = 'width=' + iWidth + ',height=' + iHeight + ',left=' + iLeftPosition + ',top=' + iTopPosition + 'toolbar=0,location=0,directories=0,menubar=0,scrollbar=0,resizable=0,status=0'; var oPopup = window.open(sPopupURL, 'gamepopup', sSettings); oPopup.focus();]]></d:body> </d:method> <d:handler event="click" match=".zylomGadgetMinimizedView ul.zylom_ul li a, .playButton a" type="text/javascript"><![CDATA[event.preventDefault(); event.stopPropagation(); this.zylomGadget.popup(event.currentView.getAttribute('href'));]]></d:handler> <d:handler event="mouseenter" match=".zylomGadgetMinimizedView ul.zylom_ul li a" type="text/javascript"><![CDATA[var oSender = event.currentView; var oContainer = bb.selector.queryAncestor(oSender, '.zylomGadget'); var sPictureSrc = event.currentView.getAttribute('picture'); var description = event.currentView.getAttribute('description'); var link = event.currentView.getAttribute('href'); var title = event.currentView.getAttribute('title'); bb.command.setStyle(bb.selector.query( bb.selector.queryAncestor(oSender, '.zylomGadgetMinimizedView'), '.zylomGadgetThumbnail'), {'background-image': 'url("'+sPictureSrc+'")'}); bb.selector.query(oContainer, '.zylomPlayGame').setAttribute('href', link); bb.selector.query(oContainer, '.zylomDescription h3').innerHTML = title; bb.selector.query(oContainer, '.zylomDescription span').innerHTML = description; bb.selector.query(oContainer, 'a.button').setAttribute('href', link);]]></d:handler> </d:behavior> </d:namespace> </d:tdl> </script> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="newZylomGadget"></g:http-proxy-param> <g:http-proxy-param name="maximized" value="${maximized}"></g:http-proxy-param> <g:http-proxy-param name="category" value="${category}"></g:http-proxy-param> <g:http-proxy-param name="feedtype" value="${feedtype}"></g:http-proxy-param> <g:http-proxy-param name="keyword" value="${keyword}"></g:http-proxy-param> </g:include> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="favoritesGadget"> <head> <title>Mijn linklijst</title> <g:preferences> <g:preference name="subtitle" type="text" default="Direct naar je favoriete sites?"></g:preference> <g:preference name="cols" type="text" default="2"></g:preference> <g:preference name="rows" type="text" default="4"></g:preference> <g:preference name="data" type="text" default="[{"title":"ING bank","href":"http:\/\/mijn.ing.nl\/"},{"title":"ABN AMRO","href":"http:\/\/www.abnamro.nl\/"},{"title":"Rabobank","href":"http:\/\/www.rabobank.nl\/particulieren\/"},{"title":"Twitter","href":"http:\/\/www.twitter.com\/"},{"title":"TV - Gids","href":"http:\/\/gids.omroep.nl\/?medium=TV"},{"title":"Routeplanner","href":"http:\/\/www.routenet.nl\/"},{"title":"OV reisplanner","href":"http:\/\/www.ns.nl\/reisplanner-v2\/index.shtml?language=nl"},{"title":"Hyves","href":"http:\/\/www.hyves.nl\/"}]"></g:preference> </g:preferences> </head> <body g:onchange="this.favoritesGadget.reload();" class="attachBehavior attachBehaviorfavoritesGadget"> <script xmlns:d="http://www.backbase.com/2006/tdl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml"> <d:tdl xmlns:phe="http://www.backbase.com/2010/phe"> <d:namespace name="http://www.backbase.com/2010/phe"> <d:behavior name="favoritesGadget">  <d:method name="favoritesGadget.changeRequest"> <d:body type="text/javascript"><![CDATA[bb.html.removeClass(this.viewNode, 'favoritesGadgetDialogOpened'); this.favoritesGadget.updateGrippySize();]]></d:body> </d:method>  <d:method name="favoritesGadget.reload"> <d:argument name="fCallback" type="function" required="false"></d:argument> <d:body type="text/javascript"><![CDATA[var oThis = this; var oGadget = this.getProperty('gadget'); for (var iIncludeIndex = 0, c = 0; c < oGadget.includes.length; c++) { iIncludeIndex++; oGadget.includes[c].refresh(function() { iIncludeIndex--; if (!iIncludeIndex) { oThis.favoritesGadget.changeRequest(); if (fCallback) fCallback.call(oThis); } }); }]]></d:body> </d:method>  <d:method name="favoritesGadget.openDialog"> <d:argument name="sItemID" type="string" required="false"></d:argument> <d:argument name="sAnchorHref" type="string" required="false"></d:argument> <d:argument name="sAnchorTitle" type="string" required="false"></d:argument> <d:body type="text/javascript"><![CDATA[var oThis = this; var oDialog = bb.selector.query(this.viewNode, '.favoritesGadgetAddDialog'); var bOpened = (bb.selector.match(this.viewNode, '.favoritesGadgetDialogOpened')); if (!bOpened) { bb.html.addClass(this.viewNode, 'favoritesGadgetAnimating'); bb.command.setStyle(oDialog, {'display': 'block'}); var iRequiredHeight = bb.html.getBoxObject(oDialog, 'content').height + 'px'; bb.command.setStyle(oDialog, {'height': '0px'}); } var oItemIdInputField = bb.selector.query(oDialog, '.favoritesGadgetDialogItemid input'); var oLinkInputField = bb.selector.query(oDialog, '.favoritesGadgetDialogLink input'); var oNameInputField = bb.selector.query(oDialog, '.favoritesGadgetDialogName input'); oItemIdInputField.value = (sItemID || ''); oLinkInputField.value = (sAnchorHref || ''); oNameInputField.value = (sAnchorTitle || ''); if (!bOpened) bb.smil.animate(oDialog, { 'attributeName': 'height', 'from': '0px', 'to': iRequiredHeight, 'dur': '300ms', 'fill': 'freeze' }, function() { bb.html.replaceClass( oThis.viewNode, 'favoritesGadgetAnimating', 'favoritesGadgetDialogOpened' ); });]]></d:body> </d:method>  <d:method name="favoritesGadget.closeDialog"> <d:body type="text/javascript"><![CDATA[var oThis = this; bb.html.addClass(this.viewNode, 'favoritesGadgetAnimating'); var oDialog = bb.selector.query(this.viewNode, '.favoritesGadgetAddDialog'); var iCurrentHeight = bb.html.getStyle(oDialog, 'height'); bb.smil.animate(oDialog, { 'attributeName': 'height', 'from': iCurrentHeight, 'to': '0px', 'dur': '300ms', 'fill': 'freeze' }, function() { bb.command.setStyle(oDialog, {'display': 'none', 'height': 'auto'}); bb.html.removeClass( oThis.viewNode, ['favoritesGadgetAnimating', 'favoritesGadgetDialogOpened'] ); });]]></d:body> </d:method>  <d:method name="favoritesGadget.saveForm"> <d:argument name="oSender" type="object" required="true"></d:argument> <d:body type="text/javascript"><![CDATA[var oDialog = bb.selector.queryAncestor(oSender, '.favoritesGadgetAddDialog'); var sItemID = bb.selector.query(oDialog, '.favoritesGadgetDialogItemid input').value; var sLink = bb.string.trim(bb.selector.query(oDialog, '.favoritesGadgetDialogLink input').value.toLowerCase()); var sName = bb.string.trim(bb.selector.query(oDialog, '.favoritesGadgetDialogName input').value); var oData = eval(this.getPreference('data')); var bUpdated = false; // check if we have link and name filled in if (sLink && sName) { // add http:// if needed if (sLink.indexOf('http://') == -1) { if (sLink.indexOf('https://') == -1) sLink = ('http://' + sLink); } // we have item id, so modify the data and save it back if (sItemID) { var iItemID = parseInt(sItemID, 10); if (oData[iItemID]) { oData[iItemID].title = sName; oData[iItemID].href = sLink; bUpdated = true; } } else { oData.push({'title': sName, 'href': sLink}); bUpdated = true; } } if (bUpdated) { this.setPreference('data', JSONRequest.serialize(oData)); this.favoritesGadget.reload(function() { // here we can scroll the list to the original / end position // if needed }); } this.favoritesGadget.closeDialog();]]></d:body> </d:method>  <d:handler event="favoritesGadget.onload" type="text/javascript"><![CDATA[var oThis = this; this.favoritesGadget.updateGrippySize(); this.favoritesGadget.mouseMoveEventHandler = function(oEvent) { oThis.favoritesGadget.updateGrippyPosition(oEvent); }; this.favoritesGadget.mouseUpEventHandler = function(oEvent) { oThis.favoritesGadget.updateGrippyPosition(oEvent); oThis.favoritesGadget.releaseGrippy(); };]]></d:handler>  <d:handler event="click" match=".favoritesGadgetLinkEdit" type="text/javascript"><![CDATA[if (bb.selector.match(this.viewNode, '.favoritesGadgetAnimating')) return; var oAnchorContainer = bb.selector.queryAncestor(event.currentView, '.favoritesGadgetLink'); var oAnchor = bb.selector.query(oAnchorContainer, 'a'); this.favoritesGadget.openDialog( oAnchor.getAttribute('itemid'), oAnchor.getAttribute('href'), oAnchor.getAttribute('title') );]]></d:handler>  <d:handler event="click" match=".favoritesGadgetLinkDelete" type="text/javascript"><![CDATA[var oAnchorContainer = bb.selector.queryAncestor(event.currentView, '.favoritesGadgetLink'); var oAnchor = bb.selector.query(oAnchorContainer, 'a'); var sItemID = oAnchor.getAttribute('itemid'); var sItemTitle = oAnchor.getAttribute('title'); var iItemID = parseInt(sItemID, 10); var oData = eval(this.getPreference('data')); if (oData[iItemID]) { oData.splice(iItemID, 1); this.setPreference('data', JSONRequest.serialize(oData)); this.favoritesGadget.reload(); }]]></d:handler>  <d:handler event="mouseenter" match=".favoritesGadgetLink" type="text/javascript"><![CDATA[bb.html.addClass(event.currentView, 'favoritesGadgetLinkHovered');]]></d:handler>  <d:handler event="mouseleave" match=".favoritesGadgetLink" type="text/javascript"><![CDATA[bb.html.removeClass(event.currentView, 'favoritesGadgetLinkHovered');]]></d:handler>  <d:handler event="click" match=".favoritesGadgetButtonCancel" type="text/javascript"><![CDATA[this.favoritesGadget.closeDialog();]]></d:handler>  <d:handler event="click" match=".favoritesGadgetButtonApply" type="text/javascript"><![CDATA[this.favoritesGadget.saveForm(event.currentView);]]></d:handler>  <d:handler event="click" match=".favoritesGadgetAdd" type="text/javascript"><![CDATA[if (bb.selector.match(this.viewNode, '.favoritesGadgetAnimating, .favoritesGadgetDialogOpened')) return; this.favoritesGadget.openDialog();]]></d:handler>     <d:method name="favoritesGadget.scrollable"> <d:body type="text/javascript"><![CDATA[return (bb.selector.query(this.viewNode, '.favoritesGadgetScrollerGrippy'));]]></d:body> </d:method>  <d:method name="favoritesGadget.updateGrippySize"> <d:body type="text/javascript"><![CDATA[if (!this.favoritesGadget.scrollable()) return; var oCategoriesList = bb.selector.query(this.viewNode, '.favoritesGadgetLinklist'); var aCategories = ( bb.selector.match(oCategoriesList, '.favoritesGadgetLinklistTwocols') ? bb.selector.queryAll(oCategoriesList, '.favoritesGadgetFirstColumn') : bb.selector.queryAll(oCategoriesList, '.favoritesGadgetLink') ); var iItemsCount = aCategories.length; var iItemsPerPage = parseInt(this.getPreference('rows'), 10); var oScrollbarGrippy = bb.selector.query(this.viewNode, '.favoritesGadgetScrollerGrippy'); var oScrollbarGrippyContainer = oScrollbarGrippy.parentNode; var iScrollbarGrippyContainerHeight = oScrollbarGrippyContainer.offsetHeight - 42; if (iItemsCount > iItemsPerPage) { var iScrollSteps = (iItemsCount / iItemsPerPage); bb.command.setStyle(oScrollbarGrippy, { 'display': 'block', 'height': (iScrollbarGrippyContainerHeight / iScrollSteps) + 'px' }); } else bb.command.setStyle(oScrollbarGrippy, {'display': 'none'});]]></d:body> </d:method>  <d:method name="favoritesGadget.updateGrippyPosition"> <d:argument name="oEvent" type="object" required="false"></d:argument> <d:body type="text/javascript"><![CDATA[var oCategoriesList = bb.selector.query(this.viewNode, '.favoritesGadgetLinklist'); var aCategories = ( bb.selector.match(oCategoriesList, '.favoritesGadgetLinklistTwocols') ? bb.selector.queryAll(oCategoriesList, '.favoritesGadgetFirstColumn') : bb.selector.queryAll(oCategoriesList, '.favoritesGadgetLink') ); var oScrollbarGrippy = bb.selector.query(this.viewNode, '.favoritesGadgetScrollerGrippy'); var oScrollbarGrippyContainer = oScrollbarGrippy.parentNode; var iScrollbarGrippyContainerHeight = oScrollbarGrippyContainer.offsetHeight - 42; var iItemsCount = aCategories.length; var iScrollTop = oCategoriesList.scrollTop; var iScrollbarGrippyRatio = (iScrollbarGrippyContainerHeight / iItemsCount); if (oEvent) { var iMouseY = oEvent.clientY - bb.html.getBoxObject(oScrollbarGrippyContainer).top + document.body.scrollTop; var iGrippyHeight = oScrollbarGrippy.offsetHeight; iMouseY -= this.favoritesGadget.captureTargetOffset; if (iMouseY < 0) iMouseY = 0; if (iMouseY + iGrippyHeight > oScrollbarGrippyContainer.offsetHeight - 43) { iMouseY = oScrollbarGrippyContainer.offsetHeight - 43 - iGrippyHeight; } oCategoriesList.scrollTop = aCategories[Math.ceil(iMouseY / iScrollbarGrippyRatio)].offsetTop; bb.command.setStyle(oScrollbarGrippy, {'margin-top': iMouseY + 'px'}); } else { for (var iItemIndex = 0; iItemIndex < aCategories.length; iItemIndex++) { if (aCategories[iItemIndex].offsetTop >= iScrollTop) { bb.command.setStyle(oScrollbarGrippy, {'marginTop': (iScrollbarGrippyRatio * iItemIndex) + 'px'}); break; } } }]]></d:body> </d:method>  <d:method name="favoritesGadget.captureGrippy"> <d:argument name="oEvent" type="object" required="true"></d:argument> <d:body type="text/javascript"><![CDATA[var oScrollbarGrippy = bb.selector.query(this.viewNode, '.favoritesGadgetScrollerGrippy'); this.favoritesGadget.captureTargetOffset = ( oEvent.clientY - bb.html.getBoxObject(oScrollbarGrippy).top + document.body.scrollTop ) + 20; oScrollbarGrippy.unselectable = "on"; oScrollbarGrippy.onselectstart = function() { return false; }; oScrollbarGrippy.style.userSelect = oScrollbarGrippy.style.MozUserSelect = "none"; if (oScrollbarGrippy.setCapture) oScrollbarGrippy.setCapture(); bb.html.addEventListener(document, 'mousemove', this.favoritesGadget.mouseMoveEventHandler, true, true); bb.html.addEventListener(document, 'mouseup', this.favoritesGadget.mouseUpEventHandler, true, true);]]></d:body> </d:method>  <d:method name="favoritesGadget.releaseGrippy"> <d:body type="text/javascript"><![CDATA[var oScrollbarGrippy = bb.selector.query(this.viewNode, '.favoritesGadgetScrollerGrippy'); if (oScrollbarGrippy.releaseCapture) oScrollbarGrippy.releaseCapture(); bb.html.removeEventListener(document, 'mousemove', this.favoritesGadget.mouseMoveEventHandler, true, true); bb.html.removeEventListener(document, 'mouseup', this.favoritesGadget.mouseUpEventHandler, true, true); this.favoritesGadget.captureTargetOffset = -1; this.favoritesGadget.updateGrippyPosition();]]></d:body> </d:method>  <d:method name="favoritesGadget.scroll"> <d:argument name="iDirection" type="number" required="true"></d:argument> <d:body type="text/javascript"><![CDATA[var oLinkList = bb.selector.query(this.viewNode, '.favoritesGadgetLinklist'); if (iDirection > 0) oLinkList.scrollTop += 22; else if (iDirection < 0) oLinkList.scrollTop -= 22; this.favoritesGadget.updateGrippyPosition();]]></d:body> </d:method>  <d:handler event="mousewheel" match=".favoritesGadgetLinklist" type="text/javascript"><![CDATA[if (!this.favoritesGadget.scrollable()) return; if (event.wheelDelta > 0) this.favoritesGadget.scroll(1); else if (event.wheelDelta < 0) this.favoritesGadget.scroll(-1); event.stopPropagation(); event.preventDefault();]]></d:handler>  <d:handler event="mousedown" match=".favoritesGadgetScroller" type="text/javascript"><![CDATA[if (!bb.selector.match(event.viewTarget, '.favoritesGadgetScroller')) return; if (!this.favoritesGadget.scrollable()) return; var oScrollbarGrippy = bb.selector.query(this.viewNode, '.favoritesGadgetScrollerGrippy'); var iScrollbarGrippyOffset = parseInt(bb.html.getStyle(oScrollbarGrippy, 'margin-top'), 10) + 20; var iMouseY = (event.clientY - bb.html.getBoxObject(event.currentView).top + document.body.scrollTop); if (iMouseY < iScrollbarGrippyOffset) this.favoritesGadget.scroll(-1); else if (iMouseY > iScrollbarGrippyOffset) this.favoritesGadget.scroll(1);]]></d:handler>  <d:handler event="mousedown" match=".favoritesGadgetScrollerGrippy" type="text/javascript"><![CDATA[if (!this.favoritesGadget.scrollable()) return; this.favoritesGadget.captureGrippy(event);]]></d:handler>  <d:handler event="mousedown" match=".favoritesGadgetScrollerTop" type="text/javascript"><![CDATA[if (!this.favoritesGadget.scrollable()) return; this.favoritesGadget.scroll(-1);]]></d:handler>  <d:handler event="mousedown" match=".favoritesGadgetScrollerBottom" type="text/javascript"><![CDATA[if (!this.favoritesGadget.scrollable()) return; this.favoritesGadget.scroll(1);]]></d:handler> </d:behavior> </d:namespace> </d:tdl> </script> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="favorites-gadget"></g:http-proxy-param> <g:http-proxy-param name="cols" value="${cols}"></g:http-proxy-param> <g:http-proxy-param name="rows" value="${rows}"></g:http-proxy-param> <g:http-proxy-param name="data" value="${data}"></g:http-proxy-param> </g:include> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="eredivisieLiveGadget"> <head> <title>Eredivisie Live</title> <g:preferences> <g:preference name="maximized" type="readonly"></g:preference> <g:preference name="maximized-path" type="readOnly"></g:preference> <g:preference name="keyword" type="hidden"></g:preference> </g:preferences> </head> <body class="attachBehavior attachBehavioreredivisieLiveGadget" g:onmaximize="this.tmp_maximized=true;" g:onchange="if(this.tmp_maximized==true){this.tmp_maximized=false;this.refreshIncludes();}"> <script xmlns:d="http://www.backbase.com/2006/tdl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml"> <d:tdl xmlns:phe="http://www.backbase.com/2010/phe"> <d:namespace name="http://www.backbase.com/2010/phe"> <d:behavior name="eredivisieLiveGadget"> <d:handler event="mouseenter" match=".eredivisieLiveGadgetListItems a" type="text/javascript"><![CDATA[var oContainer = bb.selector.queryAncestor(event.currentView, '.eredivisieContainer'); var oPicture = bb.selector.query(oContainer, '.eredivisieLiveGadgetListItemPreviewPic'); bb.command.setStyle(oPicture, {'background-image': 'url("' + event.currentView.getAttribute('pic') + '")'});]]></d:handler> </d:behavior> </d:namespace> </d:tdl> </script> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="eredivisieLiveGadget"></g:http-proxy-param> <g:http-proxy-param name="keyword" value="${keyword}"></g:http-proxy-param> <g:http-proxy-param name="maximized" value="${maximized}"></g:http-proxy-param> <g:http-proxy-param name="maximized-path" value="${maximized-path}"></g:http-proxy-param> </g:include> </body> </html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/gadget" xml:lang="en" class="weatherGadget"> <head> <title>Buienradar weer</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference name="region" default="noord" type="list"></g:preference> </g:preferences> </head> <body g:onload="weatherGadget.initSubTitle(__GADGET__);" g:onchange="weatherGadget.reload(__GADGET__);"> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="weatherGadget"></g:http-proxy-param> <g:http-proxy-param name="region" value="${region}"></g:http-proxy-param> </g:include> </body> </html>