#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

Zoektocht naar vermiste agent gestaakt

Kettingbotsing bij knooppunt Hooipolder

Ket wint openingsafstand NK allround

NS past dienstregeling aan wegens winterweer

Leenstra uitstekend van start bij NK allround

Exxon, Petrom vinden gas in Zwarte Zee

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

middag: -6°C

avond: -9°C

nacht: -9°C

ZO 1

zondag

max: -5°C

min: -9°C

Z 4

maandag

max: -3°C

min: -9°C

Z 4

dinsdag

max: -3°C

min: -11°C

NO 4

woensdag

max: -1°C

min: -4°C

NO 4

meer informatie

opties opties

Buienradar

Weerbericht geldig tot morgen middernacht

Vandaag schijnt de zon volop, in Zuid-Limburg is eerst nog mist of nevel aanwezig. Op de oostelijke Wadden valt lokaal lichte sneeuw. Er staat een zwakke zuidoostenwind en de temperatuur blijft tussen de -3 tot -6 graden steken.Komende nacht is het op veel plaatsen tamelijk helder en daalt het kwik...

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

Guidetti gangmaker Feyenoord Ajax en het gevoel: 'Wij zijn beter' ADO-uit voor AZ traditioneel een lastige klus Van Veldhoven: 'Als Heerenveen zo door gaat wo... It must be love 03-02 Jans: '7-7 zou ook een mooie uitslag zijn' Dost: 'Natuurlijk wil ik er 30 maken' Malki: 'Doelpunten zeggen niets als we niet wi... Janmaat: 'Veel doelpunten, maar niet het beste... Piero: Backs van Heerenveen krijgen teveel rui...

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:handler event="click" match=".anpDemoClose" type="text/javascript"><![CDATA[this.extendedNews.hidePreview();]]></d:handler> <d:handler event="click" match=".anpDemoWatch" type="text/javascript"><![CDATA[this.extendedNews.showPreview(event.currentView);]]></d:handler> <d:method name="extendedNews.renderFlashElement"> <d:argument name="src" type="string" required="true"></d:argument> <d:argument name="configurl" type="string" required="true"></d:argument> <d:argument name="width" type="string" required="true"></d:argument> <d:argument name="height" type="string" required="true"></d:argument> <d:argument name="oTarget" type="object" required="true"></d:argument> <d:body type="text/javascript"><![CDATA[var sSrc = src; var sConfigUrl = configurl; var sWidth = width; var sHeight = height; if (!sWidth) sWidth = '100%'; var sFlash = '<object width="'+sWidth+'px"'; if (sHeight) sFlash += ' height="'+sHeight+'px"'; sFlash += ' classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0">' + '<param name="movie" value="'+sSrc+'">' + '<param name="allowScriptAccess" value="sameDomain" />' + '<param name="wmode" value="transparent">' + '<param name="play" value="true">' + '<param name="loop" value="false">' + '<param name="quality" value="high">' + '<param name="menu" value="false">' + '<param name="allowFullScreen" value="true" />' + '<param name="FlashVars" value="configurl='+sConfigUrl+'" />' + '<embed type="application/x-shockwave-flash" src="'+sSrc+'" width="'+sWidth+'" height="'+sHeight+'" allowScriptAccess="sameDomain" wmode="transparent" play="true" loop="false" quality="high" menu="false" allowFullScreen="true" pluginspage="https://www.macromedia.com/go/getflashplayer" FlashVars="configurl='+configurl+'"></embed>' + '<noembed></noembed></object>'; var o = bb.html.createElementFromString(sFlash); oTarget.innerHTML = ''; oTarget.appendChild(o);]]></d:body> </d:method> <d:method name="extendedNews.showPreview"> <d:argument name="oSender" type="object" required="true"></d:argument> <d:body type="text/javascript"><![CDATA[this.modalWindow = bb.document.createElementNS('http://www.kpn.com/2010/vandaag', 'modalWindow'); var oContent = bb.html.createElementFromString('<div>\ <div class="anpDemo">\ <div class="anpDemoHeader">\ <p class="anpDemoTitle">Demo</p>\ <div class="anpDemoClose"></div>\ <div class="clear"></div>\ </div>\ <div class="anpDemoWrapper"></div>\ </div>\ </div>'); var oModalWindowViewNode = this.modalWindow.show(oContent.innerHTML, 0, 0, false, true, true); this.extendedNews.renderFlashElement( '/gadgets/videoland/videoland.swf', '/static/content/media/flv/KPN_Vandaag_ANP_nieuwsblok_Demo.flv', '752', '496', bb.selector.query(oModalWindowViewNode, '.anpDemoWrapper') ); this.gadgetViewNode = this.viewNode; this.gadgetViewGate = this.viewGate; this.viewNode = oModalWindowViewNode; this.viewNode.controller = this; this.viewGate = oModalWindowViewNode;]]></d:body> </d:method> <d:method name="extendedNews.hidePreview"> <d:body type="text/javascript"><![CDATA[this.viewNode = this.gadgetViewNode; this.viewNode.controller = this; this.viewGate = this.gadgetViewGate; this.modalWindow.hide(); bb.destruct(this.modalWindow); this.modalWindow = null;]]></d:body> </d:method> </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>