#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

Boeljon wint Australian Masters

Weer lagere snelheden door winterweer

Minister: beschavingen niet gelijkwaardig

Mitt Romney wint in Nevada

Benauwde zege Real Madrid

Eerste zege Vitesse in 2012

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: -8°C

middag: -6°C

avond: -8°C

nacht: -9°C

ZO 4

maandag

max: -5°C

min: -11°C

ZO 3

dinsdag

max: -3°C

min: -12°C

O 4

woensdag

max: -3°C

min: -5°C

NO 4

donderdag

max: -3°C

min: -5°C

O 3

meer informatie

opties opties

Buienradar

Weerbericht geldig tot morgen middernacht

In het oosten is er aardig wat zon, maar af en toe trekken er wel wat velden sluierbewolking over. In het westen is de bewolking dikker en in het uiterste zuidwesten is lokaal wat lichte (mot)sneeuw niet helemaal uitgesloten. Het blijft licht tot matig vriezen en de gevoelstemperatuur ligt rond -12...

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

Piero: NAC krijgt veel ruimte Karelse: 'Ik ben in de rust ouderwets kwaad ge... Van den Brom: 'Over het algemeen wel een verdi... Ten Rouwelaar: 'Mijn overleden schoonvader wee... Hofs: 'Het was lang geleden dat ik gescoord ha... Piero: Spel Havenaar Meeuwis: 'We staan nu terecht onderaan' Schenkeveld: 'Mooi dat we winnen, maar we zijn... Lammers: 'Het enige smetje is de goal tegen' Lokhoff: 'Het was een domme en onbegrijpelijke...

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>