#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

Telefoontje Sarkozy naar Moskou uitgesteld

Bonus topman Shell 3,5 miljoen

Suarez na lange schorsing terug bij Liverpool

Winterzon populairder dan wintersport

Nederlandse ambassade Syrië blijft open

AZ woensdag al op bezoek bij ADO

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

nacht: -12°C

ZO 3

woensdag

max: -2°C

min: -5°C

O 4

donderdag

max: 1°C

min: -5°C

N 5

vrijdag

max: -4°C

min: -6°C

O 3

zaterdag

max: -1°C

min: -6°C

ZW 4

meer informatie

opties opties

Buienradar

Weerbericht geldig tot morgen middernacht

Het is vannacht helder en zeer koud. Het gaat 10 tot 15 graden vriezen, lokaal mogelijk tussen de -15 en -20. De gevoelstemperatuur ligt dan rond -20 graden. De wind draait naar noordoost en is zwak tot matig.Morgen overdag is er in eerste instantie veel zon. In de loop van de dag komen enkele wolke...

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

NAC blikt tevreden terug op transferperiode Woensdag 19.00 uur LIVE: ADO Den Haag-AZ Laatste nieuws Telegraaf: Verheijen kraakt Ajax Bloemers (De Graafschap): 'Inhalen deze week o... Koeman stuurt spelers naar fans De uitglijder van Siem de Jong De dansjes van Heracles Ajax-FC Utrecht NEC-Feyenoord Heracles Almelo-PSV

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>