#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

Kabinet stemt in met boerkaverbod

Aanhoudingen bij ontruiming Shellgebouw

Nog een dode in ingestort gebouw Rio

AH wil rectificatie advertentie Dirk

Weer nieuwe naam voor 't Hofnarretje

Passagiers cruiseschip krijgen 11.000 euro

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

avond: 0°C

nacht: 1°C

Z 2

zaterdag

max: 2°C

min: 1°C

ZO 2

zondag

max: 1°C

min: -4°C

O 3

maandag

max: -1°C

min: -4°C

O 4

dinsdag

max: -3°C

min: -5°C

O 4

meer informatie

opties opties

Buienradar

Weerbericht geldig tot morgen middernacht

Er zijn opklaringen en hier en daar een bui, mogelijk met hagel en een enkele onweersklap. De zuid- tot zuidwestenwind is matig, kracht 3 tot 4, aan zee af en toe (vrij) krachtig, kracht 5.Komende nacht maakt vooral het zuidwesten kans op een bui met daarbij nog steeds een kans op hagel en onweer. E...

Uitgebreid weeroverzicht

meer op buienradar.nl

Aanbiedingen

Online spelletjes

Top 5 spellen

Letters from Nowhere 2

Red Patrick van het kwaad dat een stad teistert in de online versie van Letters from Nowhere 2, het spannende vervolg op de enge thriller....

speel dit spel nu

Eredivisie Live

76' Doelpunt Dries Mertens, PSV - Vitesse, 2-0 Jonathan Reis valt in tegen PSV Piero: PSV schroeft tempo omhoog Menzo: 'De juiste mensen moeten aan de bal kom... Piero: Hoe PSV een defensieve ploeg uit elkaar... Brands: 'Ik hoop dat Labyad zijn contract verl... Reis voor even terug bij PSV Van den Brom: 'Reis speelt niet omdat we 4-3-3... Rutten: 'Ik neem Reis niks kwalijk' PSV-TV 27-01: PSV-Vitesse in het verleden

Neem nu een abonnement op Eredivisie Live. Klik hier

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