KPN vandaag

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>Nieuws door DAG</title><g:preferences requireSubmit="true"> <g:preference name="uriGET" type="hidden" default="response/ExtendedNewsList.xml"/> <g:preference name="uriGETsub" type="hidden" default="weather.xml"/> <g:preference name="uriGETsubList" type="hidden" default="weather.xml"/> <g:preference name="title" label="Weer tonen voor regio" type="hidden"/> <g:preference name="subTitle" type="hidden" default=""/> <g:preference name="extendedNewsItems" default="6" label="Weer tonen voor regio" type="list"/> <g:preference name="showImage" label="Weer tonen voor regio" type="boolean" default="true"/> </g:preferences><g:settings> <g:setting name="closable" value="true"/> <g:setting name="minimizable" value="true"/> <g:setting name="refreshable" value="false"/> <g:setting name="optionsMenu" value="false"/> <g:setting name="autoRefresh" value="1"/> </g:settings><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" media="screen" xml:space="preserve"> div.ExtendedNews { padding:10px 5px 0px 12px; } div.ExtendedNews div.ExtendedNewsImage { float:left; height:176px; width:233px; overflow:hidden; } div.ExtendedNews div.ExtendedNewsImage { display:none; } div.ExtendedNewsShowImage div.ExtendedNewsImage, div.ExtendedNewsShowImage div.ExtendedNewsImage img { display:block; } a.readMore { margin-top:0.4em; height:1.2em; display:block; color:#333333; text-decoration:none; } a.readMore:hover { text-decoration:underline; } .ie7 a.readMore:hover { padding-bottom:1px; } div.ExtendedNews ul.ExtendedNewsList { list-style-image:none; list-style-position:outside; list-style-type:none; padding-right: 5px; margin:0; } div.ExtendedNewsShowImage ul.ExtendedNewsList { margin-left:245px; } div.ExtendedNews ul.ExtendedNewsList li { line-height:1em; margin:0; padding:1px 0 1px 10px; background:transparent url("../../static/kpnvandaag/application/gadgets/local/ExtendedNews/media/bullet.png") left 5px no-repeat; } div.ExtendedNews ul.ExtendedNewsList li a { color:#666; text-decoration:none; display:block; border-bottom:1px solid #FFF; line-height:1.2em; } div.ExtendedNews ul.ExtendedNewsList li.selected a, div.ExtendedNews ul.ExtendedNewsList li a:hover { text-decoration: underline; color:#000000; } div#ExtendedNewsPreloadContainer { height:0px; width:0px; overflow:hidden; visibility:hidden; } div.newsItem { margin-bottom:15px; } div.newsItem p a { color:#454545; text-decoration:underline; } div.newsItem p a:hover { color:#454545; } div.newsItem p { color:#454545; margin:1em 0; line-height:1.5em; } div.newsItem p.intro { font-weight:bold; } div.newsItem div.insetRight { float:right; width:234px; margin:0 0 1em 1em; } div.newsItem div.insetRight img { display:block; } div.newsItem div.insetRight span { clear:both; font-style:italic; font-size:0.81em; } div#subLayer-content ul.ExtendedNewsList { margin-left:12px; padding-left:0px; list-style-type:square; line-height:1.5em; } div#subLayer-content ul.ExtendedNewsList li { padding-left:22px; } div#subLayer-content ul.ExtendedNewsList li a { color:#454545; text-decoration:none; } div#subLayer-content ul.ExtendedNewsList li.selected a, div#subLayer-content ul.ExtendedNewsList li a:hover { font-weight:bold; text-decoration:underline; } a.readMore strong { font-weight:normal; } </style></head><body g:onload="bb.dashboard.gadget.setTitle(__GADGET__, __GADGET__.preferenceForKey('title'))" g:onchange="this.getProperty('firstChild').onShow();" g:onshow="this.getProperty('firstChild').onShow();" g:onmaximize="this.getProperty('firstChild').onMaximize();" g:oneditcreate="event.preventDefault();event.preferencePane.appendChild(bb.selector.query(this.viewGate, '.customPrefPanel'));"><div id="__GADGET__NEWS"> <div class="view_gate"> <g:include src="/web/wcbservlet/com.backbase.portal.portal.gadgetfragmentrendererservlet?xml=$uriGET&xsl=extendedNewsList.xsl&preferences=extendedNewsItems,showImage"/> </div> <div id="ExtendedNewsPreloadContainer"/> </div><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" xml:space="preserve"> <d:namespace name="http://www.kpn.com/2008/vandaag/component"> <d:element name="ExtendedNews" extends="kpn:basicElement"> <d:resource type="text/xml" name="extendedNewsList"><xsl:stylesheet xmlns:data="http://www.kpn.com/2008/vandaag/data" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="xml" indent="yes"/> <xsl:param name="extendedNewsItems">6</xsl:param> <xsl:param name="showImage">true</xsl:param> <xsl:param name="instance"/> <xsl:template match="data:*" mode="transform-xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:template> <xsl:template match="*|@*|text()" mode="loop"> <xsl:copy> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:copy> </xsl:template> <xsl:template match="data:*" mode="loop"> <xsl:element name="{local-name()}" namespace="http://www.w3.org/1999/xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:element> </xsl:template> <xsl:template match="/"> <xsl:apply-templates select="data:widgetcontent"/> </xsl:template> <xsl:template match="data:widgetcontent"> <div> <xsl:attribute name="class"> <xsl:choose> <xsl:when test="$showImage = 'true'"> <xsl:text>ExtendedNews ExtendedNewsShowImage</xsl:text> </xsl:when> <xsl:otherwise> <xsl:text>ExtendedNews</xsl:text> </xsl:otherwise> </xsl:choose> </xsl:attribute> <xsl:apply-templates select="data:elements"/> </div> </xsl:template> <xsl:template match="data:elements"> <xsl:apply-templates select="data:element"/> </xsl:template> <xsl:template match="data:element"> <xsl:apply-templates select="data:items"/> </xsl:template> <xsl:template match="data:items"> <xsl:if test="count(data:item) > 0"> <xsl:if test="$showImage = 'true'"> <div class="ExtendedNewsImage"> <img width="233" height="155"> <xsl:attribute name="src"> <xsl:value-of select="data:item[1]/data:leadimage"/> </xsl:attribute> </img> <xsl:apply-templates select="../data:readmore"/> </div> </xsl:if> <ul class="ExtendedNewsList"><xsl:apply-templates select="data:item[position() <= $extendedNewsItems]"/></ul> <xsl:if test="not($showImage = 'true')"> <xsl:apply-templates select="../data:readmore"/> </xsl:if> <div class="clearFloats"/> </xsl:if> </xsl:template> <xsl:template match="data:item"> <li> <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="image"> <xsl:value-of select="data:leadimage"/> </xsl:attribute> <xsl:attribute name="bookmark"> <xsl:value-of select="data:url"/> </xsl:attribute> <xsl:attribute name="position"> <xsl:value-of select="position()"/> </xsl:attribute> <xsl:value-of select="data:title"/> </a> </li> </xsl:template> <xsl:template match="data:readmore"> <a class="readMore" shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:apply-templates select="data:title" mode="transform-xhtml"/> </a> </xsl:template> </xsl:stylesheet></d:resource> <d:resource type="text/xml" name="extendedNewsListBelowItem"><xsl:stylesheet xmlns:data="http://www.kpn.com/2008/vandaag/data" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="xml" indent="yes"/> <xsl:param name="currentBookmark"/> <xsl:param name="instance"/> <xsl:template match="data:*" mode="transform-xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:template> <xsl:template match="*|@*|text()" mode="loop"> <xsl:copy> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:copy> </xsl:template> <xsl:template match="data:*" mode="loop"> <xsl:element name="{local-name()}" namespace="http://www.w3.org/1999/xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:element> </xsl:template> <xsl:template match="/"> <xsl:apply-templates select="data:widgetcontent"/> </xsl:template> <xsl:template match="data:widgetcontent"> <div> <xsl:apply-templates select="data:elements"/> </div> </xsl:template> <xsl:template match="data:elements"> <xsl:apply-templates select="data:element"/> </xsl:template> <xsl:template match="data:element"> <xsl:apply-templates select="data:items"/> </xsl:template> <xsl:template match="data:items"> <xsl:if test="count(data:item) > 0"> <ul class="ExtendedNewsList"><xsl:apply-templates select="data:item[position() < 16]"/></ul> <div class="clearFloats"/> <br/> </xsl:if> </xsl:template> <xsl:template match="data:item"> <li> <xsl:if test="data:url = $currentBookmark"> <xsl:attribute name="class"> <xsl:text>selected</xsl:text> </xsl:attribute> </xsl:if> <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="bookmark"> <xsl:value-of select="data:url"/> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.getControllerFromView(this).maximize(true, 'ExtendedNews|' + this.getAttribute('bookmark')); return false;</xsl:text> </xsl:attribute> <xsl:value-of select="data:title"/> </a> </li> </xsl:template> </xsl:stylesheet></d:resource> <d:resource type="text/xml" name="extendedNewsListOnSubpage"><xsl:stylesheet xmlns:data="http://www.kpn.com/2008/vandaag/data" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="xml" indent="yes"/> <xsl:param name="instance"/> <xsl:template match="data:*" mode="transform-xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:template> <xsl:template match="*|@*|text()" mode="loop"> <xsl:copy> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:copy> </xsl:template> <xsl:template match="data:*" mode="loop"> <xsl:element name="{local-name()}" namespace="http://www.w3.org/1999/xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:element> </xsl:template> <xsl:template match="/"> <xsl:apply-templates select="data:page/data:contentmain"/> </xsl:template> <xsl:template match="data:contentmain"> <div> <div id="subLayer-content" class="regular-content"> <div class="contentWrapper"> <div class="newsItem"> <h4>Terug naar <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.document.getElementById('</xsl:text><xsl:value-of select="$instance"/><xsl:text>').restore(); return false;</xsl:text> </xsl:attribute> <xsl:text>< Startpagina</xsl:text> </a> </h4> <xsl:apply-templates select="data:items"/> </div> </div> <div class="subLayer-bottom"/> </div> <div id="subLayer-right-content"> <xsl:apply-templates select="../data:contentright" mode="transform-xhtml"/> <div class="clearFloats"/> <div class="subLayer-ads-bottom"/> </div> <div id="subLayer-banner-right"> <xsl:value-of select="../data:banners/data:banner[@location='right']"/> </div> <div id="subLayer-banner-bottom"> <xsl:value-of select="../data:banners/data:banner[@location='bottom']"/> </div> </div> </xsl:template> <xsl:template match="data:items"> <xsl:if test="count(data:item) > 0"> <ul class="ExtendedNewsList"><xsl:apply-templates select="data:item"/></ul> <div class="clearFloats"/> </xsl:if> </xsl:template> <xsl:template match="data:item"> <li> <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="bookmark"> <xsl:value-of select="data:url"/> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.getControllerFromView(this).maximize(true, 'ExtendedNews|' + this.getAttribute('bookmark')); return false;</xsl:text> </xsl:attribute> <xsl:value-of select="data:title"/> </a> </li> </xsl:template> </xsl:stylesheet></d:resource> <d:resource type="text/xml" name="extendedNewsItem"><xsl:stylesheet xmlns:data="http://www.kpn.com/2008/vandaag/data" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html" indent="yes"/> <xsl:param name="instance"/> <xsl:template match="/"> <xsl:apply-templates select="data:page"/> </xsl:template> <xsl:template match="data:page"> <div> <div id="subLayer-content" class="regular-content"> <div class="contentWrapper"> <div class="newsItem"> <h4>Terug naar <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.document.getElementById('</xsl:text><xsl:value-of select="$instance"/><xsl:text>').restore(); return false;</xsl:text> </xsl:attribute> <xsl:text>< Startpagina</xsl:text> </a> </h4> <h4><xsl:value-of select="data:time"/></h4> <xsl:if test="data:preTitle"> <h4 class="textNormal"> <xsl:value-of select="data:preTitle"/> </h4> </xsl:if> <h2><xsl:value-of select="data:title"/></h2> <p><xsl:value-of select="data:date"/> | Door: <xsl:value-of select="data:author"/></p> <xsl:if test="data:lead"> <p class="intro"> <xsl:apply-templates select="data:lead" mode="transform-xhtml"/> </p> </xsl:if> <xsl:apply-templates select="data:contentmain" mode="transform-xhtml"/> <xsl:if test="data:source"> <xsl:text>Bron: </xsl:text> <xsl:apply-templates select="data:source" mode="transform-xhtml"/> </xsl:if> <div class="clearFloats"/> </div> <h5>Meer nieuws</h5> <div id="ExtendedNewsListPlaceHolder"/> </div> <div class="subLayer-bottom"/> </div> <div id="subLayer-right-content"> <xsl:apply-templates select="data:contentright" mode="transform-xhtml"/> <div class="clearFloats"/> <div class="subLayer-ads-bottom"/> </div> <div id="subLayer-banner-right"> <xsl:value-of select="data:banners/data:banner[@location='right']"/> </div> <div id="subLayer-banner-bottom"> <xsl:value-of select="data:banners/data:banner[@location='bottom']"/> </div> </div> </xsl:template> <xsl:template match="data:*" mode="transform-xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:template> <xsl:template match="*|@*|text()" mode="loop"> <xsl:copy> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:copy> </xsl:template> <xsl:template match="data:*" mode="loop"> <xsl:element name="{local-name()}" namespace="http://www.w3.org/1999/xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:element> </xsl:template> </xsl:stylesheet></d:resource> <d:property name="selectedItem"/> <d:property name="newsItemTitle" type="string"/> <d:property name="componentTitle"> <d:getter type="application/javascript"> var oGadget = bb.dashboard.gadget.getGadgetFromView(this.viewNode); return oGadget.preferenceForKey('title'); </d:getter> </d:property> <d:property name="bookmarkFragment"> <d:getter type="application/javascript"> return this.getProperty('localName'); </d:getter> </d:property> <d:constructor type="application/javascript"><![CDATA[ //this.setProperty('selectedItem', 1); this.setAttribute('id', 'ExtendedNews_' + Math.random()*10); ]]></d:constructor> <d:handler event="mouseenter" match=".ExtendedNewsList A" name="showImage" type="application/javascript"><![CDATA[ if (event.currentView.getAttribute('image') != null) { var image = event.currentView.getAttribute('image') var position = parseInt(event.currentView.getAttribute('position'),10); var oImage = this.viewNode.getElementsByTagName('img')[0]; if(oImage) { var sImage = image; this.setProperty('selectedItem', position); this.viewNode.getElementsByTagName('img')[0].setAttribute('src', sImage); } } ]]></d:handler> <d:handler event="click" match=".ExtendedNewsList A" type="application/javascript"><![CDATA[ bb.html.handlePreventDefault(event); this.maximize(true, 'ExtendedNews|' + event.currentView.getAttribute('bookmark')); ]]></d:handler> <d:handler event="click" match=".readMore" type="application/javascript"><![CDATA[ bb.html.handlePreventDefault(event); this.maximize(true, 'ExtendedNews|'+ 'ExtendedNewsList'); ]]></d:handler> <d:method name="fixTitleEntities"> <d:argument name="target" type="object" required="true"/> <d:body type="text/javascript"><![CDATA[ var oTarget = target; var aItems = oTarget.getElementsByTagName('a'); for (var i = 0, iMax = aItems.length; i < iMax; i++) { if(bb.browser.ie) { aItems[i].innerHTML = aItems[i].innerText; } else { aItems[i].innerHTML = aItems[i].textContent; } } ]]></d:body> </d:method> <d:method name="loadComponentData"> <d:body type="text/javascript"><![CDATA[ var oGadget = this.getProperty('parentNode').getProperty('gadget'); var sExtendedNewsItems = oGadget.preferenceForKey('extendedNewsItems'); var sShowImage = oGadget.preferenceForKey('showImage'); var oXsltParameters = { 'extendedNewsItems' : sExtendedNewsItems, 'showImage' : sShowImage, 'instance': this.getAttribute('id') }; var sUrl = oGadget.preferenceForKey('uriGET'); sUrl += sUrl.indexOf('?') >= 0 ? '&' : '?'; sUrl += 'count=' + sExtendedNewsItems; sUrl = bb.uri.resolveUri(sUrl, this.getProperty('baseURI')); var oThis = this; bb.command.load(sUrl,'GET',null, null, null, null,function (oRequest, oElm){ kpnvandaag.util.transformData(oElm.ownerDocument, bb.getResource(oThis, 'extendedNewsList'), oThis.viewGate, oXsltParameters, true); kpnvandaag.util.setGadgetLoaded(oGadget); oThis.fixTitleEntities(oThis.viewGate); oThis.preloadImages(); }); ]]></d:body> </d:method> <d:method name="preloadImages"> <d:body type="text/javascript"><![CDATA[ if(document.getElementById('ExtendedNewsPreloadContainer')) { var oImage = this.viewNode.getElementsByTagName('img')[0]; if(oImage) { var oDummyImg = document.createElement('img'); oDummyImg.setAttribute('height', '1'); oDummyImg.setAttribute('width', '1'); var aImages = bb.selector.queryAll(this.viewNode, 'ul.ExtendedNewsList li a'); for (var i = 0, iMax = aImages.length; i < iMax; i++) { var sImageSrc = aImages[i].getAttribute('image'); if(sImageSrc != '') { oDummyImg.src = bb.uri.resolveUri(sImageSrc, this.getProperty('baseURI')); document.getElementById('ExtendedNewsPreloadContainer').appendChild(oDummyImg); } } } } ]]></d:body> </d:method> <d:method name="getNewsItem"> <d:body type="text/javascript"><![CDATA[ var sBookmark = bb.history.current; var oGadget = this.getProperty('parentNode').getProperty('gadget'); var sUrl = oGadget.preferenceForKey('uriGETsub'); // The bookmark might contain the component identifier - strip it if(sBookmark.indexOf('|') > 0) { var sFragment = sBookmark.split('|')[1]; } else { var sFragment = sBookmark; } if(sFragment.indexOf('http://') == 0) { // The url is absolute (don't change it) sUrl = sFragment; } else if(sUrl.indexOf('.xml') > 0) { // Probably a local XML file sUrl = sUrl; } else { // Concatenate the uriGET and the XML request fragment sUrl = sUrl + sFragment; } sUrl = bb.uri.resolveUri(sUrl, this.getProperty('baseURI')); var oThis = this; bb.command.load(sUrl, 'GET', null, null, null, null, function (oRequest, oElm) { var sResult = kpnvandaag.util.transformData(oElm.ownerDocument, bb.getResource(oThis, 'extendedNewsItem'), null, {'instance': oThis.getAttribute('id')}, false); var oResult = bb.html.createElementFromString(sResult); //oThis.doScriptMagic(oResult); //oThis.doLinksInFeedBodyMagic(oResult); var oNewsItemTitle = oResult.getElementsByTagName('h2')[0]; var sNewsItemTitle = oNewsItemTitle.textContent || oNewsItemTitle.innerText; oThis.setProperty('newsItemTitle', sNewsItemTitle); bb.command.create(oResult, oThis.viewGate, 'replaceChildren'); bb.html.scrollIntoView(document.getElementsByTagName('body')[0]); var sUrlList = oGadget.preferenceForKey('uriGET'); sUrlList = bb.uri.resolveUri(sUrlList, oThis.getProperty('baseURI')); var oXsltParameters = { 'currentBookmark' : sFragment, 'instance': oThis.getAttribute('id') }; bb.command.load(sUrlList, 'GET', null, null, null, null, function (oRequest, oElm) { kpnvandaag.util.transformData(oElm.ownerDocument, bb.getResource(oThis, 'extendedNewsListBelowItem'), document.getElementById('ExtendedNewsListPlaceHolder'), oXsltParameters, true); oThis.fixTitleEntities(document.getElementById('ExtendedNewsListPlaceHolder')); kpnvandaag.util.setGadgetLoaded(oGadget); if (kpnvandaag.OmnitureController) oThis.sendPageToOmniture(); }); }); ]]></d:body> </d:method> <d:method name="doScriptMagic"> <d:argument name="fragment" type="object" required="true"/> <d:body type="text/javascript"><![CDATA[ var scripts = fragment.getElementsByTagName('script'); var scripts_result = ''; for ( var c = 0; c < scripts.length; c++ ) { var newScriptBody = scripts[c].innerHTML.replace(new RegExp( "\\n", "g" ), "").replace(new RegExp( "\\r", "g" ), "").replace(new RegExp( "\\t", "g" ), ""); scripts_result += newScriptBody; if ( bb.browser.ie ) scripts[c].text = ''; else scripts[c].innerHTML = ''; } var newScriptTag = document.createElement('script'); if ( bb.browser.ie ) newScriptTag.text = scripts_result; else newScriptTag.innerHTML = scripts_result; fragment.appendChild(newScriptTag); // return fragment; ]]></d:body> </d:method> <d:method name="doLinksInFeedBodyMagic"> <d:argument name="fragment" type="object" required="true"/> <d:body type="text/javascript"><![CDATA[ var aLinks = fragment.getElementsByTagName('a'); if(aLinks.length > 1) { for ( var i = 1; i < aLinks.length; i++ ) { aLinks[i].setAttribute('target', '_blank'); } } ]]></d:body> </d:method> <d:method name="getNewsItemList"> <d:body type="text/javascript"><![CDATA[ var sBookmark = bb.history.current; var oGadget = this.getProperty('parentNode').getProperty('gadget'); var sUrl = oGadget.preferenceForKey('uriGETsubList'); // The bookmark might contain the component identifier - strip it if(sBookmark.indexOf('|') > 0) { var sFragment = sBookmark.split('|')[1]; } else { var sFragment = sBookmark; } if(sFragment.indexOf('http://') == 0) { // The url is absolute (don't change it) sUrl = sFragment; } else if(sUrl.indexOf('.xml') > 0) { // Probably a local XML file sUrl = sUrl; } else { // Concatenate the uriGET and the XML request fragment sUrl = sUrl + sFragment; } sUrl = bb.uri.resolveUri(sUrl, this.getProperty('baseURI')); var oThis = this; bb.command.load(sUrl,'GET',null, null, null, null,function (oRequest, oElm){ kpnvandaag.util.transformData(oElm.ownerDocument, bb.getResource(oThis, 'extendedNewsListOnSubpage'),oThis.viewGate, {'instance': oThis.getAttribute('id')}, false); oThis.fixTitleEntities(oThis.viewGate); kpnvandaag.util.setGadgetLoaded(oGadget); }); ]]></d:body> </d:method> <d:method name="getComponentItem"> <d:body type="text/javascript"><![CDATA[ if(bb.history.current.indexOf('ExtendedNewsList') != -1) { this.getNewsItemList(); } else { this.getNewsItem(); } ]]></d:body> </d:method> <d:handler event="click" match=".subLayer-content-right li" type="application/javascript"><![CDATA[ var currentList = event.currentView; var UL = currentList.parentNode; var listArr = UL.getElementsByTagName('li'); var currentAnchor = currentList.getElementsByTagName('a')[1]; for(var i=0;i< listArr.length;i++){ if(listArr[i] === currentList){ break; } } var posNum = (i+1)<10?'0'+(i+1):''+(i+1); if (kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendAdFromNews(posNum, currentAnchor); ]]></d:handler> </d:element> </d:namespace> <kpnc:ExtendedNews viewNode="#__GADGET__NEWS" viewGate=".view_gate" maximized_two_column="true"/> </script><div class="customPrefPanel"> <form onsubmit="bb.dashboard.gadget.savePreference(this); return false;" method="get" enctype="application/x-www-form-urlencoded"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td rowspan="1" colspan="1">aantal nieuwsberichten</td><td rowspan="1" colspan="1"> <select name="extendedNewsItems"><option value="6">6</option><option value="12">12</option><option value="18">18</option></select> </td></tr><tr><td rowspan="1" colspan="1">Nieuws tonen...</td><td rowspan="1" colspan="1"> <input type="checkbox" name="showImage" class="showImageCheckbox"/> met foto </td></tr><tr><td colspan="2" style="padding-top: 10px;width:100%;" height="22" rowspan="1"> <div class="genericFormButton" style="margin-left:210px;width: 106px;"> <div class="genericFormButton-left"> </div> <div class="genericFormButton-center"> <input onclick="bb.dashboard.gadget.hidePreferences(__GADGET__);" style="width:100px;" value="annuleren" type="button"/> </div> <div class="genericFormButton-right"> </div> </div> <div class="genericFormButton" style="margin-left:10px;"> <div class="genericFormButton-left"> </div> <div class="genericFormButton-center" style="width: 100px;"> <input onclick="bb.dashboard.gadget.hidePreferences(__GADGET__);" style="width:100px;" value="bewaren" type="submit"/> </div> <div class="genericFormButton-right"> </div> </div> <div class="clearFloats"/> </td></tr></table></form> </div></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>Weather</title><g:preferences requireSubmit="true"> <g:preference name="title" type="hidden" default="Weather"/> <g:preference name="subTitle" type="hidden" default=""/> <g:preference name="uriGET" type="hidden" default="weather.xml"/> <g:preference name="region" label="Weer tonen voor regio" type="list" default="3"/> </g:preferences><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" xml:space="preserve"> .weatherWidgetContainer { padding-top: 2px; padding-bottom: 2px; } .weatherWidgetOutline { padding-top:8px; padding-left:12px; padding-bottom:8px; } .weatherWidgetContainer table { margin: 0; padding:0; } .weatherWidgetContainer .td { vertical-align: top; line-height:1.2em; } .weatherWidgetContainer .td br { clear: both; } .weatherWidgetContainer .td .weekday { white-space: nowrap; font-weight: bold; height: 16px; } .weatherWidgetContainer .td .left { float: left; } .weatherWidgetContainer .td .right { float: left; padding-left: 8px; padding-right: 8px; } .weather_icon_a, .weather_icon_A { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/a.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_b, .weather_icon_B { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/b.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_c, .weather_icon_C { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/c.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_d, .weather_icon_D { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/d.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_e, .weather_icon_E { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/e.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_f, .weather_icon_F { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/f.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_g, .weather_icon_G { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/g.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_h, .weather_icon_H { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/h.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_i, .weather_icon_I { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/i.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_j, .weather_icon_J { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/j.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_k, .weather_icon_K { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/k.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_l, .weather_icon_L { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/l.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_m, .weather_icon_M { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/m.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_n, .weather_icon_N { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/n.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_o, .weather_icon_O { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/o.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_p, .weather_icon_P { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/p.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_q, .weather_icon_Q { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/q.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_r, .weather_icon_R { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/r.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_aa, .weather_icon_AA { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/aa.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_bb, .weather_icon_BB { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/bb.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_cc, .weather_icon_CC { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/cc.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_dd, .weather_icon_DD { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/dd.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_ee, .weather_icon_EE { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/ee.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_ff, .weather_icon_FF { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/ff.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_gg, .weather_icon_GG { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/gg.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_hh, .weather_icon_HH { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/hh.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_ii, .weather_icon_II { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/ii.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_jj, .weather_icon_JJ { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/jj.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_kk, .weather_icon_KK { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/kk.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_ll, .weather_icon_LL { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/ll.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_mm, .weather_icon_MM { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/mm.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_nn, .weather_icon_NN { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/nn.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_oo, .weather_icon_OO { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/oo.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_pp, .weather_icon_PP { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/pp.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_qq, .weather_icon_QQ { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/qq.gif'); background-repeat: no-repeat; background-position: center; } .weather_icon_rr, .weather_icon_RR { width: 32px; height: 34px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Weather/media/rr.gif'); background-repeat: no-repeat; background-position: center; } .weatherGadget_editpanelSelect{ color:#666666; font-size:11px; font-weight:normal; } </style><script xmlns:d="http://www.backbase.com/2006/tdl" type="text/javascript"><![CDATA[ var WeatherNews = { xmlData: null, xslWeather: null, xslSettings: null, setSubtitle : function (oGadget) { var table = bb.selector.query(oGadget._controller.viewGate,'TABLE'); if (table) bb.dashboard.gadget.setTitle(oGadget, oGadget.preferenceForKey('title') + ' <span class="subtitle">'+table.getAttribute('region') + ' Nederland</span>'); }, load: function (oGadget, oEvent) { bb.dashboard.proxy.requireOnce(bb.uri.resolveUri('settings.xsl', oGadget.originURL), function (oRequest) { bb.dashboard.proxy.requireOnce(bb.uri.resolveUri('weather.xsl', oGadget.originURL), function (oRequest) { bb.dashboard.proxy.load('GET', bb.uri.resolveUri(oGadget.preferenceForKey('uriGET'), oGadget.originURL), null, function (oRequest, oElm) { oGadget.xmlData = oRequest.responseXML; WeatherNews.refresh(oGadget); if (oEvent) kpnvandaag.util.transformData( oGadget.xmlData, WeatherNews.xslSettings, oEvent.preferencePane, null, true ); }); }, function (oRequest) { WeatherNews.xslWeather = oRequest.responseXML; }); }, function (oRequest) { WeatherNews.xslSettings = oRequest.responseXML; }); }, refresh: function(oGadget) { var hours = new Date().getHours(); var period = 0; var region = oGadget.preferenceForKey('region') || '3'; if ( ( hours >= 6 ) && ( hours <= 12 ) ) period = 1; if ( ( hours >= 13 ) && ( hours <= 18 ) ) period = 2; if ( ( hours >= 19 ) && ( hours <= 0 ) ) period = 3; if ( ( hours >= 1 ) && ( hours <= 5 ) ) period = 4; if ( period == 0 ) period = 1; var sSubTitle = bb.evaluate('string(//widgetcontent/elements/element/data/regions/region[position()='+region+'])', oGadget.xmlData); bb.dashboard.gadget.setTitle(oGadget, oGadget.preferenceForKey('title') + ' <span class="subtitle">'+sSubTitle + ' Nederland</span>'); kpnvandaag.util.transformData( oGadget.xmlData, WeatherNews.xslWeather, bb.selector.query(oGadget._controller.viewNode, '.weatherWidgetOutline'), {hours: hours, region: region}, true ); }, initedit: function(oGadget, oEvent) { oEvent.preventDefault(); oEvent.preferencePane.appendChild(document.createElement('form')); this.load(oGadget, oEvent); return; kpnvandaag.util.transformData( oGadget.xmlData, WeatherNews.xslSettings, oEvent.preferencePane, null, true ); } }; ]]></script></head><body class="weatherWidgetContainer" onload="WeatherNews.setSubtitle(__GADGET__);" g:oneditcreate="WeatherNews.initedit(__GADGET__, event);" g:onchange="WeatherNews.load(__GADGET__);"><div class="weatherWidgetOutline"> <g:include src="/web/wcbservlet/com.backbase.portal.portal.gadgetfragmentrendererservlet?xml=$uriGET&xsl=weather.xsl&preferences=region"/> </div><a class="meerInfo" href="http://www.buienradar.nl/weersverwachting-per-plaats.aspx" target="_blank" shape="rect"> > meer informatie </a></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>Webtips</title><g:preferences> <g:preference name="title" label="Title" type="text" default="Webtips"/> <g:preference name="subTitle" type="hidden" default=""/> <g:preference name="uriGET" type="hidden"/> </g:preferences><g:settings> <g:setting name="closable" value="true"/> <g:setting name="editable" value="false"/> <g:setting name="minimizable" value="true"/> <g:setting name="refreshable" value="false"/> <g:setting name="allowOptions" value="false"/> </g:settings><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" xml:space="preserve"> div.kpn-flashcontent { padding-top:9px; } </style></head><body class="Webtips"><div class="kpn-flashcontent"> <g:include src="/web/wcbservlet/com.backbase.portal.portal.gadgetfragmentrendererservlet?xml=response/Webtips.xml&xsl=flash.xsl&preferences=title,subTitle,uriGET"/> </div></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>Mijn linklijst <span class="subtitle">Direct naar je favoriete sites?</span></title><meta name="author" content="Backbase"/><meta name="description" content="Sample Gadget created for testing purposes"/><meta name="website" content="http://www.backbase.com"/><g:preferences> <g:preference name="subTitle" type="hidden" default=""/> <g:preference name="uriGET" type="hidden" default="response/Favorites.xml"/> <g:preference name="uriPOST" type="hidden" default="response/Favorites.xml"/> <g:preference name="columns" type="text" default="2"/> <g:preference name="rows" type="list" default="4"/> </g:preferences><g:settings> <g:setting name="closable" value="true"/> <g:setting name="minimizable" value="true"/> <g:setting name="optionsMenu" value="true"/> </g:settings></head><body g:onchange="bb.document.getElementById('favorites').refresh();" g:oneditcreate="bb.document.getElementById('favorites').initPreferences(event)"><script xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:b="http://www.backbase.com/2006/btl" 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" xml:space="preserve"> <d:namespace name="http://www.kpn.com/2008/vandaag/component"> <d:element name="Favorites"> <d:attribute name="sortField" default="title"/> <d:property name="viewFormVisible" type="boolean"/> <d:property name="favoriteTitle"/> <d:property name="viewForm"> <d:getter type="application/javascript"> return this.viewNode.getElementsByTagName('form')[0]; </d:getter> </d:property> <d:property name="newRecordId"> <d:getter type="application/javascript"> return this._['_'+name].toString(); </d:getter> </d:property> <d:resource type="text/css"><![CDATA[ div.Favorites .p_ul { float: left; } .formbutton { text-align: center; } div.Favorites .p_ul .p_ul_inner { } div.Favorites .p_ul .p_ul_inner.border { border-right: 1px solid #CDCDCD; padding-right: 7px; } div.Favorites .p_ul .p_ul_inner .p_li { height: 21px; line-height: 21px; padding-left: 7px; margin-left: 7px; } div.Favorites .p_ul .p_ul_inner.border .p_li { } div.Favorites .p_ul .p_ul_inner .p_li div { float: right; padding-right: 7px; display: none; } div.Favorites .p_ul .p_ul_inner .p_li div .delete { width: 12px; height: 21px; line-height: 21px; white-space: nowrap; display: block; float: left; margin-right: 4px; background-image: url('media/delete.gif'); background-repeat: no-repeat; background-position: center; cursor: pointer; } div.Favorites .p_ul .p_ul_inner .p_li div .edit { width: 12px; height: 21px; line-height: 21px; white-space: nowrap; display: block; float: left; background-image: url('media/pentool.gif'); background-repeat: no-repeat; background-position: center; cursor: pointer; } div.Favorites .p_ul .p_ul_inner .p_li br { } div.Favorites .p_ul .p_ul_inner .p_li.hover { } div.Favorites .p_ul .p_ul_inner .p_li a.favoriteItem { color:#808080; text-decoration:none; display:block; white-space:nowrap; float: left; overflow:hidden; } div.Favorites .p_ul .p_ul_inner .p_li a:hover.favoriteItem { color:#000000; text-decoration:underline; display:block; white-space:nowrap; float: left; overflow:hidden; } div.Favorites { padding:8px 7px 0px 0px; } div.Favorites a.createFavorite { display:inline; height: 18px; line-height: 18px; background:url('media/plus.gif') 2px center no-repeat; padding:4px 0 3px 25px; margin:10px 0px 10px 12px; color:#333333; text-decoration:none; margin-bottom: -6px; } div.Favorites a.createFavorite:hover { text-decoration:underline; } div.Favorites a.createFavorite.disabled:hover { cursor: default; text-decoration: none; } div.Favorites div.formContainer { height:1px; overflow:hidden; display: none; margin-right: -7px; } div.Favorites div.formContainer .shadow_left { width: 12px; height: 12px; line-height: 12px; background-image: url('media/settingspanel_l.gif'); background-repeat: no-repeat; } div.Favorites div.formContainer .shadow_bg { background-image: url('media/settingspanel_tbg.gif'); background-repeat: repeat-x; background-position: bottom; } div.Favorites div.formContainer .shadow_right { width: 12px; height: 12px; line-height: 12px; background-image: url('media/settingspanel_r.gif'); background-repeat: no-repeat; } div.Favorites form { margin-top: 10px; display:block; padding-left: 10px; padding-right: 10px; } div.Favorites form label { clear:both; float:left; width:200px; margin:0 10px 4px 0; padding:3px 0 6px 0; border-right:3px solid #FFF; } div.Favorites form label.invalid { border-right:3px solid red; } div.Favorites form input.form_input { float:left; width:237px; border:1px solid #CDCDCD; } .ie div.Favorites form input.form_input { float:left; width:237px; border:1px solid #CDCDCD; margin-bottom: 6px; } html.ie6 div.Favorites form input.form_input { margin-bottom:2px; } div.Favorites form .buttons_container { float: right; margin-top: 7px; } div.Favorites form input.invalid { border: 1px solid red; } div.Favorites form button { float:left; } div.Favorites p.error { text-align:center; color:red; font-weight:bold; padding:0.5em 0 1em; display:none; } html.ie6 div.Favorites ul li { height:21px; } html.ie6 div.Favorites ul li a.favoriteItem { height:100%; background-color:white; } html.ie6 div.Favorites form button { display:inline; } .Favorites .settings_panel { display: none; } .settings_panel .submit_button { width: 91px; height: 18px; line-height: 18px; border-style: none; cursor: pointer; background-image: url('media/ok_button.gif'); background-repeat: no-repeat; } .settings_panel .favoritesColCheckbox1 { background-image: url('media/col_off.gif'); background-repeat: no-repeat; background-position: left top; height: 13px; line-height: 13px; white-space: nowrap; padding-left: 21px; cursor: pointer; } .settings_panel .favoritesColCheckbox2 { background-image: url('media/col_off.gif'); background-repeat: no-repeat; background-position: left bottom; height: 13px; line-height: 13px; white-space: nowrap; padding-left: 21px; cursor: pointer; } .settings_panel.two_columns .favoritesColCheckbox1 { background-image: url('media/col_off.gif'); background-repeat: no-repeat; background-position: left bottom; } .settings_panel.two_columns .favoritesColCheckbox2 { background-image: url('media/col_off.gif'); background-repeat: no-repeat; background-position: left top; } ]]></d:resource> <d:template type="application/xml"> <div class="Favorites"> <div><d:content/></div> <div class="clearFloats"/> <a href="#" onclick="return false;" class="createFavorite" shape="rect">Link toevoegen</a> <div class="formContainer"> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="bottom" height="12"><td rowspan="1" colspan="1"><div class="shadow_left"/></td><td width="100%" class="shadow_bg" nowrap="true" height="12" rowspan="1" colspan="1"/><td rowspan="1" colspan="1"><div class="shadow_right"/></td></tr></table> <form onsubmit="return false;" method="get" enctype="application/x-www-form-urlencoded"><p class="error">Let op! Niet alle velden zijn juist of volledig ingevuld.</p><label for="Favorites-url">Internetadres (bv. www.ns.nl):</label><input type="text" name="url" value="" class="form_input" id="Favorites-url"/><label for="Favorites-title">Naam website (bv. NS):</label><input type="text" name="title" value="" class="form_input" id="Favorites-title" maxlength="20"/><div class="buttons_container"> <div class="genericFormButton"> <div class="genericFormButton-left"> </div> <div class="genericFormButton-center"> <input class="cancelFavorite" style="width:100px;" value="annuleren" type="button"/> </div> <div class="genericFormButton-right"> </div> </div> <div class="genericFormButton" style="margin-left:10px;"> <div class="genericFormButton-left"> </div> <div class="genericFormButton-center" style="width: 100px;"> <input class="saveFavorite" style="width:100px;" value="bewaren" type="submit"/> </div> <div class="genericFormButton-right"> </div> </div> </div><br style="clear:both;"/></form> </div> </div> </d:template> <d:method name="loadComponentData"> <d:body type="text/javascript"><![CDATA[ ]]></d:body> </d:method> <d:method name="requestData"> <d:body type="text/javascript"><![CDATA[ var oGadget = bb.dashboard.gadget.getGadgetFromView(this.viewNode); var sUrl = oGadget.preferenceForKey('uriGET'); sUrl = bb.uri.resolveUri(sUrl, this.getProperty('baseURI')); var oThis = this; var oXHR = new XMLHttpRequest; oXHR.onreadystatechange = function() { if(oXHR.readyState == 4){ if(oXHR.status == 0 || (oXHR.status >= 200 && oXHR.status < 300)){ oThis.favoritesData = oXHR.responseXML; kpnvandaag.util.setGadgetLoaded(oGadget); oThis.refresh(); } else alert(oXHR.statusText); } }; oXHR.open('GET', sUrl); oXHR.send(); ]]></d:body> </d:method> <d:method name="refresh"> <d:body type="text/javascript"><![CDATA[ var oGadget = bb.dashboard.gadget.getGadgetFromView(this.viewNode); var oRecords = this.favoritesData.selectNodes('//item'); var iHighestRecordId = 0; var iListItemHeight = bb.html.getBoxObject(this.viewNode.getElementsByTagName('li')[0]).height; if(typeof iListItemHeight == 'undefined') { iListItemHeight = 21; } var iColumns = iColumnsLeft = Math.min(oGadget.preferenceForKey('columns'), 5); var iRowsLeft = oRecords.length; var iRowsPerColumn = Math.ceil(oRecords.length / iColumns); var iColumnHeight = iRowsPerColumn * iListItemHeight; this.viewGate.innerHTML = ''; var iRows = Math.min(Math.max(oGadget.preferenceForKey('rows'), 4), 16); this.viewGate.style.height = iRows * iListItemHeight + 'px'; this.viewNode.firstChild.style.height = (iRows * iListItemHeight + 10) + 'px'; for (var i = 0; i < oRecords.length; i++) { if (i == 0 || i % iRowsPerColumn == 0 || iColumnsLeft/iRowsLeft == 1) { var _oColumn = document.createElement('div'); _oColumn.className = 'p_ul'; var sWidth = Math.floor(99.95/iColumns).toString(); //bb.html.setStyle(oColumn, 'height', iColumnHeight+'px'); bb.html.setStyle(_oColumn, 'width', sWidth+'%'); var oColumn = document.createElement('div'); oColumn.className = 'p_ul_inner'; if(iColumnsLeft > 1) { bb.html.addClass(oColumn, 'border'); } _oColumn.appendChild(oColumn); this.viewGate.appendChild(_oColumn); iColumnsLeft--; } var sUrl = oRecords[i].selectSingleNode('url/text()').nodeValue; var sTitle = oRecords[i].selectSingleNode('title/text()').nodeValue; var sID = oRecords[i].getAttribute('id'); var oFavorite = this.createFavorite(sUrl, sTitle, oRecords[i].getAttribute('id')); var newElement = this.viewGate.lastChild.firstChild.appendChild(oFavorite); if ( ( window.waitforentry ) && ( this.modelNode.parentNode.nodeName.toLowerCase() == 'kpn:scrollpanel' ) ) { if ( ( window.waitforentry.title == sTitle ) && ( window.waitforentry.url == sUrl ) ) { //bb.getControllerFromModel(this.modelNode.parentNode).scrollToElement(newElement); } } iHighestRecordId = parseInt(sID) > iHighestRecordId ? parseInt(sID) : iHighestRecordId; iRowsLeft--; } this.setProperty('newRecordId', iHighestRecordId + 1); if ( this.modelNode.parentNode ) { var oEvent = bb.document.createEvent('Events'); oEvent.initEvent('onHeightChanged', true, true); bb.getControllerFromModel(this.modelNode.parentNode).dispatchEvent(oEvent); } ]]></d:body> </d:method> <d:method name="pushData"> <d:argument name="url"/> <d:argument name="asynchronous"/> <d:argument name="user"/> <d:argument name="password"/> <d:argument name="ownerDocument" type="boolean"/> <d:body type="text/javascript"><![CDATA[ var oXHR = new XMLHttpRequest; var oSource = this; oXHR.onreadystatechange = function(){ if(oXHR.readyState == 4) { var oEvent = bb.document.createEvent('Events'); if ( ( oXHR.status == 0 ) || ( oXHR.status == 1223 ) || (oXHR.status >= 200 && oXHR.status < 300) ){ oEvent.initEvent('dataResponse', true, false); oEvent.XMLHttpRequest = oXHR; oSource.dispatchEvent(oEvent); } else { oEvent.initEvent('error', true, false); oEvent.XMLHttpRequest = oXHR; oEvent.message = oXHR.statusText; oEvent.code = oXHR.status; oSource.dispatchEvent(oEvent); } } }; oXHR.open('POST', url, asynchronous ? true : false, user ? user : '', password ? password : ''); oXHR.setRequestHeader('Accept', 'application/x-backbase+xml,application/xhtml+xml,application/xml,text/xml,application/x-www-form-urlencoded,*'+'/'+'*;q=0.5'); var sData=''; if( this.dataType == 'application/xml' || this.dataType == 'text/xml'){ oXHR.setRequestHeader('Content-Type', this.dataType); if(ownerDocument){ var oData = this._.oLocalData.oldData.ownerDocument; } else { var oData = this._.oLocalData.oldData; } if( !oData.nodeType && 'length' in oData){ //node list sData = []; for(var i=0; i < oData.length; i++) sData.push( bb.xml.serialize( oData[i])); sData = '<data>' + sData.join('') + '</data>'; } else { sData = bb.xml.serialize( oData); } } else { oXHR.setRequestHeader('Content-Type', this.dataType); // sData = btl.dataSource.types[ this.dataType].serialize( this._.oLocalData.oldData); sData = bb.xml.serialize( this.favoritesData ); sData = escape(sData); } oXHR.send('session='+sData); // // //bb.command.load(url, 'POST', 'session=' + sData, null, null, null, null, null, null, false); ]]></d:body> </d:method> <d:method name="createFavorite"> <d:argument name="url" type="string" required="true"/> <d:argument name="title" type="string" required="true"/> <d:argument name="recordId" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ var sUrl = url; var sTitle = title; var sRecordId = recordId; var sFragment = '<div class="p_li" record="' + sRecordId + '" onmouseover="bb.html.addClass(this, \'hover\');this.childNodes[1].style.display=\'block\';" onmouseout="bb.html.removeClass(this, \'hover\');this.childNodes[1].style.display=\'none\';"><a target="_blank" href="' + sUrl + '" title="' + sUrl + '" class="favoriteItem" >- ' + sTitle + '</a><div><a href="#" onclick="return false;" title="verwijderen" class="delete"></a><a href="#" onclick="return false;" title="aanpassen" class="edit"></a><br /></div><br /></div>'; // var oFragment = bb.html.createElementFromString(sFragment); return oFragment; ]]></d:body> </d:method> <d:method name="pushFavoritesData"> <d:body type="text/javascript"><![CDATA[ var oGadget = bb.dashboard.gadget.getGadgetFromView(this.viewNode); var sUrl = oGadget.preferenceForKey('uriPOST'); sUrl = bb.uri.resolveUri(sUrl, this.getProperty('baseURI')); // this.getProperty('dataSource').pushData(sUrl, false, null, null, true); this.pushData(sUrl, false, null, null, true); ]]></d:body> </d:method> <d:method name="addFavorite"> <d:argument name="url" type="string" required="true"/> <d:argument name="title" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ var sUrl = url; var sTitle = title; var sIdentifier = this.getProperty('newRecordId'); var oRecords = this.favoritesData.selectSingleNode('//items'); var node = this.favoritesData.createElement('item'); var nodeUrl = this.favoritesData.createElement('url'); nodeUrl.appendChild(this.favoritesData.createTextNode(url)); var nodeTitle = this.favoritesData.createElement('title'); nodeTitle.appendChild(this.favoritesData.createTextNode(title)); node.appendChild(nodeUrl); node.appendChild(nodeTitle); node.setAttribute('id',sIdentifier); oRecords.appendChild(node); this.pushFavoritesData(); // // alert(this.favoritesData.xml); /* var oNewRecord = { 'identifier': sIdentifier, 'url': sUrl, 'title': sTitle }; btl.dataSource.actionRequest(this, 'create', [oNewRecord]); */ this.setProperty('favoriteTitle', sTitle); window.waitforentry = { 'title': title, 'url': url }; if(kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendEventByReference(this, 'Favorite Toevoegen'); ]]></d:body> </d:method> <d:method name="updateFavorite"> <d:argument name="recordId" type="string" required="true"/> <d:argument name="url" type="string" required="true"/> <d:argument name="title" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ var sRecordId = recordId; var sUrl = url; var sTitle = title; var oRecord = this.favoritesData.selectSingleNode("//item[@id='"+recordId+"']"); oRecord.selectSingleNode('url/text()').nodeValue = url; oRecord.selectSingleNode('title/text()').nodeValue = title; this.pushFavoritesData(); // var oDataSource = this.getProperty('dataSource'); // btl.dataSource.setValue(oDataSource, sRecordId, 'url', sUrl); // btl.dataSource.setValue(oDataSource, sRecordId, 'title', sTitle); // btl.dataSource.actionRequest(this, 'update'); ]]></d:body> </d:method> <d:method name="deleteFavorite"> <d:argument name="recordId" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ var oRecord = this.favoritesData.selectSingleNode("//item[@id='"+recordId+"']"); oRecord.parentNode.removeChild(oRecord); this.pushFavoritesData(); /* btl.dataSource.actionRequest(this, 'delete', [recordId]); var oDataSource = this.getProperty('dataSource'); var sTitle = btl.dataSource.getValue(oDataSource, recordId, 'title'); //? this.setProperty('favoriteTitle', sTitle); */ if(kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendEventByReference(this, 'Favorite Verwijderen'); ]]></d:body> </d:method> <d:method name="showFavorite"> <d:argument name="recordId" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ var oRecord = this.favoritesData.selectSingleNode("//item[@id='"+recordId+"']"); var oForm = this.getProperty('viewForm'); oForm.recordId = recordId; oForm.elements.url.value = oRecord.selectSingleNode('url/text()').nodeValue; oForm.elements.title.value = oRecord.selectSingleNode('title/text()').nodeValue; this.showForm(); ]]></d:body> </d:method> <d:method name="saveFavorites"> <d:body type="text/javascript"><![CDATA[ var oGadget = bb.dashboard.gadget.getGadgetFromView(this.viewNode); var sUrl = oGadget.preferenceForKey('uriPOST'); sUrl = bb.uri.resolveUri(sUrl, this.getProperty('baseURI')); this.getProperty('dataSource').pushData(sUrl, true); ]]></d:body> </d:method> <d:method name="showForm"> <d:body type="text/javascript"><![CDATA[ var oThis = this; var oFormContainer = bb.selector.query(this.viewNode, '.formContainer'); bb.command.addClass(oFormContainer.previousSibling, 'disabled'); oFormContainer.style.height = '1px'; oFormContainer.style.display = 'block'; bb.smil.animate(oFormContainer, {'attributeName': 'height', 'to': oFormContainer.lastChild.offsetHeight + 'px', 'dur': '200ms', 'fill':'freeze'}, function ( ) { oThis.setProperty('viewFormVisible', true); oFormContainer.style.height = 'auto'; oFormContainer.style.overflow = 'visible'; }); ]]></d:body> </d:method> <d:method name="hideForm"> <d:body type="text/javascript"><![CDATA[ var oThis = this; var oForm = this.getProperty('viewForm'); var oFormContainer = bb.selector.query(this.viewNode, '.formContainer'); bb.command.removeClass(oFormContainer.previousSibling, 'disabled'); oFormContainer.style.height = oFormContainer.scrollHeight + 'px'; oFormContainer.style.overflow = 'hidden'; bb.smil.animate ( oFormContainer, { 'attributeName': 'height', 'to': '0px', 'calcMode':'paced', 'dur': '200ms', 'fill':'freeze' }, function() { oThis.setProperty('viewFormVisible', false); oFormContainer.style.display = 'none'; }); ]]></d:body> </d:method> <d:method name="resetForm"> <d:body type="text/javascript"><![CDATA[ var oForm = this.getProperty('viewForm'); oForm.elements.url.value = ''; oForm.elements.title.value = ''; bb.command.removeClass(oForm.elements.url.previousSibling, 'invalid'); bb.command.removeClass(oForm.elements.title.previousSibling, 'invalid'); bb.selector.query(oForm, 'p.error').style.display = 'none'; ]]></d:body> </d:method> <d:method name="validateForm"> <d:argument name="form" type="object" required="true"/> <d:argument name="url" type="string" required="true"/> <d:argument name="title" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ var oForm = form; var sUrl = url; var sTitle = title; var bValid = true; var sRegExp = /^((http(s?):\/\/)?([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)$/; var oRegExp = new RegExp(sRegExp); if(bb.string.trim(sTitle) == '') { bValid = false; bb.command.addClass(oForm.elements.title.previousSibling, 'invalid'); oForm.elements.title.focus(); } else { bb.command.removeClass(oForm.elements.title.previousSibling, 'invalid'); } if(!oRegExp.test(sUrl)) { bValid = false; bb.command.addClass(oForm.elements.url.previousSibling, 'invalid'); oForm.elements.url.focus(); } else { bb.command.removeClass(oForm.elements.url.previousSibling, 'invalid'); } if(bValid) { bb.selector.query(oForm, 'p.error').style.display = 'none'; } else { bb.selector.query(oForm, 'p.error').style.display = 'block'; } //oForm.parentNode.style.height = oForm.offsetHeight + 20 + 'px'; return bValid; ]]></d:body> </d:method> <d:method name="initPreferences"> <d:argument name="oEvent"/> <d:body type="text/javascript"><![CDATA[ oEvent.preventDefault(); var oGadgetController = oEvent.target; var oPrefsPanel= bb.selector.query( oGadgetController.viewNode, '.customPrefPanel' ); oEvent.preferencePane.appendChild(oPrefsPanel); var columns = oGadgetController.getProperty("gadget").preferenceForKey("columns"); var aElements = oPrefsPanel.getElementsByTagName("input"); for( var e=0, nbrEls = aElements.length; e < nbrEls; e++ ) { if( aElements[e].name=='_col' && aElements[e].value == columns ) { aElements[e].checked=true; break; } } ]]></d:body> </d:method> <d:handler event="click" match=".createFavorite" type="application/javascript"><![CDATA[ if ( this.getProperty('viewFormVisible') == true ) return; var oForm = this.getProperty('viewForm'); oForm.recordId = -1; this.showForm(); this.resetForm(); ]]></d:handler> <d:handler event="click" match=".cancelFavorite" type="application/javascript"><![CDATA[ this.hideForm(); this.resetForm(); ]]></d:handler> <d:handler event="click" match=".saveFavorite" type="application/javascript"><![CDATA[ var oForm = this.getProperty('viewForm'); var sUrl = oForm.elements.url.value; var sTitle = oForm.elements.title.value; var sRegExp = /^http(s)?:\/\//; var oRegExp = new RegExp(sRegExp); if(!oRegExp.test(sUrl)) { sUrl = 'http://' + sUrl; } if(this.validateForm(oForm, sUrl, sTitle)) { if(oForm.recordId == -1) { this.addFavorite(sUrl, sTitle); } else { this.updateFavorite(oForm.recordId, sUrl, sTitle); } this.refresh(); this.hideForm(); this.resetForm(); } ]]></d:handler> <d:handler event="click" match=".edit" type="application/javascript"><![CDATA[ var sRecordId = event.viewTarget.parentNode.parentNode.getAttribute('record'); this.showFavorite(sRecordId); ]]></d:handler> <d:handler event="click" match=".delete" type="application/javascript"><![CDATA[ var sRecordId = event.viewTarget.parentNode.parentNode.getAttribute('record'); this.deleteFavorite(sRecordId); this.refresh(); ]]></d:handler> <d:handler event="DOMNodeInsertedIntoDocument" type="text/javascript"><![CDATA[ this.getProperty('viewForm').recordId = -1; this.setProperty('viewFormVisible', false); this.requestData(); bb.html.disableUserSelect(this.viewGate); ]]></d:handler> </d:element> </d:namespace> <kpn:scrollPanel initdelay="400" delay="40" select="div[position()=1]/div/div"> <kpnc:Favorites id="favorites"/> </kpn:scrollPanel> </script><div class="customPrefPanel"> <form onsubmit="bb.dashboard.gadget.savePreference(this); return false;" method="get" enctype="application/x-www-form-urlencoded"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr height="25"><td rowspan="1" colspan="1">aantal kolommen</td><td rowspan="1" colspan="1"> <table cellspacing="0" cellpadding="0" border="0"><tr><td rowspan="1" colspan="1"><input type="radio" onclick="this.form.elements['columns'].value = this.value;" name="_col" value="1"/>1 kolom</td><td rowspan="1" colspan="1"><input type="radio" onclick="this.form.elements['columns'].value = this.value;" name="_col" value="2"/>2 kolommen</td></tr></table> </td></tr><tr height="25"><td rowspan="1" colspan="1">aantal direct zichtbare links</td><td rowspan="1" colspan="1"> <select name="rows"><option value="4">4</option><option value="8">8</option><option value="12">12</option><option value="16">16</option></select> </td></tr><tr><td rowspan="1" colspan="1"/><td height="22" style="padding-top: 10px;" rowspan="1" colspan="1"> <div class="genericFormButton" style=""> <div class="genericFormButton-left"/> <div class="genericFormButton-center"> <input onclick="bb.dashboard.gadget.hidePreferences(__GADGET__);" style="width:100px;" value="annuleren" type="button"/> </div> <div class="genericFormButton-right"/> </div> <div class="genericFormButton" style="margin-left: 10px;"> <div class="genericFormButton-left"/> <div class="genericFormButton-center" style="width: 100px;"> <input onclick="bb.dashboard.gadget.hidePreferences(__GADGET__);" style="width:100px;" value="bewaren" type="submit"/> </div> <div class="genericFormButton-right"/> </div> </td></tr></table><input type="text" name="columns" style="display: none;"/></form> </div></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>Google Search</title><g:preferences> <g:preference name="title" type="hidden" default="googleSearch"/> </g:preferences><g:settings> <g:setting name="closable" value="false"/> <g:setting name="minimizable" value="false"/> <g:setting name="refreshable" value="false"/> <g:setting name="optionsMenu" value="false"/> <g:setting name="className" value="googleSearch"/> </g:settings><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" media="screen" xml:space="preserve"> /* HEADER */ form#googleSearchResults { } div.googleSearch-search { height:3.5em; } div.googleSearch-search label { padding:0 0 3px 3px; cursor: pointer; } div.googleSearch-search * { float:left; } div.googleSearch-search input.googleSearch-searchInput { width:300px; margin-top:6px; } div.googleSearch-search input.googleSearch-searchSubmit { margin:5px 0 0 4px; } div.googleSearch-search img { margin-left:10px; } div.googleSearch-searchMeta { clear:both; margin-top:1px; height:2.5em; } div.googleSearch-searchMeta span { float:left; } div.googleSearch-searchMeta span label { font-size:1.09em; padding:0 0 3px 3px; } p.googleSearch-resultsHeader { clear:both; border-top:1px solid #3366CC; background-color:#D5DDF3; height:1.6em; padding:6px 0 0 8px; font-size:1.09em; font-family:arial, sans-serif; color:#000; } dl.googleSearch-results, div.googleSearch-adResults { float:left; width:916px; } dl.googleSearch-results, div.googleSearch-adResults dl, div.googleSearch-adResults-right dl { padding:0; margin:0.83em 0 0 4px; font-family:arial,sans-serif; font-size:1.2em; line-height:1.2; color:#000; } dl.googleSearch-results dt a, div.googleSearch-adResults dl dt a, div.googleSearch-adResults-right dl dt a { color:#3b39cf; font-size:1.2em; text-decoration:underline; } dl.googleSearch-results dd.googleSearch-subLinks, div.googleSearch-adResults-right dl dd.googleSearch-subLinks { line-height:1; margin-bottom:1em; } dl.googleSearch-results dd.googleSearch-subLinks span, div.googleSearch-adResults-right dl dd.googleSearch-subLinks, div.googleSearch-adResults dl dd a { color:green; } div.googleSearch-adResults { background-color:#FFF9DD; margin:1em 0 0; padding:0 0 0.5em 4px; } div.googleSearch-adResults span.googleSearch-adResultsHeader { float:right; font-weight:bold; font-size:1.09em; margin:4px 4px 0 0; height:1.3em; } div.googleSearch-adResults dl dd { margin-bottom:1em; } div.googleSearch-adResults dl dd span { margin-left:30px; } div.googleSearch-adResults-right { float:right; width:250px; } div.googleSearch-adResults-right p.googleSearch-adResultsHeader { margin-top:1em; font-size:1.09em; text-align:center; } dl.googleSearch-results dd.googleSearch-subLinks a { color:#7777CC; } ul.googleSearch-resultsNavigation { clear:both; padding:2em 0 3em; } ul.googleSearch-resultsNavigation li { float:left; } ul.googleSearch-resultsNavigation li.googleSearch-previous { margin:0 20px 0 200px; } ul.googleSearch-resultsNavigation li.googleSearch-next { margin-left:20px; } ul.googleSearch-resultsNavigation li a { display:block; padding:0 0.2em; font-size:1.2em; color:#000; } ul.googleSearch-resultsNavigation li a.current { color:#A90A08; text-decoration:none; font-weight:bold; } ul.googleSearch-resultsNavigation li a.invisible { visibility:hidden; } </style></head><body onload="this.getProperty('firstChild').onLoad();" g:onshow="this.getProperty('firstChild').onShow();" g:onmaximize="this.getProperty('firstChild').onMaximize();"><script xmlns:b="http://www.backbase.com/2006/btl" xmlns:d="http://www.backbase.com/2006/tdl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml" xml:space="preserve"> <d:namespace name="http://www.kpn.com/2008/vandaag/component"> <d:element name="googleSearch" extends="kpn:SPIComponentBase"> <d:template type="application/xml"> <div> <d:content/> </div> </d:template> <d:property name="componentTitle"> <d:getter type="application/javascript"> return 'Google Search'; </d:getter> </d:property> <d:property name="keyword" type="string"/> <d:property name="qMeta" type="string"/> <d:property name="sBookmark" type="string"/> <d:constructor type="application/javascript"><![CDATA[ this.setProperty('qMeta', '') ]]></d:constructor> <d:method name="getGoogleKeyword"> <d:body type="text/javascript"><![CDATA[ return document.getElementById('headerSearch'); ]]></d:body> </d:method> <d:method name="loadComponentData"> <d:body type="text/javascript"><![CDATA[ if(bb.dashboard.instance.maximizedGadget && bb.dashboard.instance.maximizedGadget.getProperty('firstChild') == this){ }else{ bb.command.hide(this.getProperty('parentNode')); } ]]></d:body> </d:method> <d:method name="onRestore"> <d:body type="text/javascript"><![CDATA[ bb.command.hide(this.getProperty('parentNode')); bb.callSuper('onRestore'); ]]></d:body> </d:method> <d:method name="getComponentItem"> <d:body type="text/javascript"><![CDATA[ bb.command.show(this.getProperty('parentNode')); if(this.getProperty('sBookmark')){ }else{ // var sBookmark = bookmark; var sBookmark = window.location; // Extract the keyword from the bookmark var oRegExpQuery = new RegExp('keyword=([^&]*)'); var sQuery = oRegExpQuery.exec(sBookmark); sQuery = sQuery ? decodeURIComponent(sQuery[1]) : ''; // Extract the page number from the bookmark var oRegExpStart = new RegExp('start=([^&]*)'); var sStart = oRegExpStart.exec(sBookmark); sStart = sStart ? sStart[1] : 0; iStart = (parseInt(sStart) / 10) + 1; this.setBookmark(sQuery, iStart, this.getProperty('qMeta'), true,false); } this.getSearchResults(); this.setProperty('sBookmark',null); ]]></d:body> </d:method> <d:method name="getSearchResultsFromView"> <d:argument name="page" type="number" required="true"/> <d:argument name="form" type="object" required="false"/> <d:body type="text/javascript"><![CDATA[ if(form) { var sPage = page; var sKeyword = form.elements.keyword.value; if(!sKeyword || sKeyword.length<=0) { //alert('Vul een zoekterm in.'); form.elements.keyword.focus(); //return; } else{ var aElements = form.elements.qMeta; for (var i = 0, iMax = aElements.length; i < iMax; i++) { if(aElements[i].checked) { var sqMeta = aElements[i].value; } } this.setBookmark(sKeyword, sPage, sqMeta, true,true) } } else { this.setBookmark(this.getProperty('keyword'), page, this.getProperty('qMeta'), true,true) } ]]></d:body> </d:method> <d:method name="setBookmark"> <d:argument name="query" type="string" required="true"/> <d:argument name="page" type="number" required="true"/> <d:argument name="qMeta" type="string" required="true"/> <d:argument name="updateInputField" type="boolean" required="true"/> <d:argument name="setBookmark" type="boolean" required="true"/> <d:body type="text/javascript"><![CDATA[ var sQuery = query; var sStart = (page - 1) * 10; var sqMeta = qMeta; var bUpdateInputField = updateInputField; if(bUpdateInputField) { this.getGoogleKeyword().elements.keyword.value = sQuery; } this.setProperty('keyword', sQuery); this.setProperty('qMeta', sqMeta); //var sUrl = this.getGoogleKeyword().action; var sBookmark = ''; var aHiddenFields = ['id', 'searchid', 'webid', 'searchtype', 'source']; var aFormElements = this.getGoogleKeyword().elements; for (var i = 0, iMax = aHiddenFields.length; i < iMax; i++) { if(aFormElements[aHiddenFields[i]]) { sBookmark += aHiddenFields[i] + '=' + aFormElements[aHiddenFields[i]].value + '&'; } } switch(sqMeta) { case 'kpn': var sUrlSuffix = '&as_sitesearch=kpnvandaag.nl'; break; case 'inDutch': var sUrlSuffix = '&lr=lang_nl'; break; case 'fromNetherlands': var sUrlSuffix = '&cr=countryNL'; break; case 'internet': default: var sUrlSuffix = ''; break; } sBookmark += 'keyword=' + encodeURIComponent(sQuery) + '&start=' + sStart + sUrlSuffix; this.setProperty('sBookmark',sBookmark); //if the bookmark has google content, //then it means either it is been loaded for the first time //or it is been loaded through browser forward/backward, //both situation will call the maximize function before setBookmark function if(setBookmark){ this.maximize(setBookmark,this.getProperty('bookmarkFragment') + '|' + sBookmark); } ]]></d:body> </d:method> <d:method name="getSearchResults"> <d:body type="text/javascript"><![CDATA[ var sBookmark = this.getProperty('sBookmark'); var sUrl = ''; var googleSearchBar = bb.document.getElementById('headerSearch'); if(!googleSearchBar){ googleSearchBar = document.getElementById('headerSearch'); sUrl = googleSearchBar.action; }else{ sUrl = bb.uri.resolveUri(googleSearchBar.getAttribute('action'), googleSearchBar.getProperty('baseURI')); } var oThis = this; bb.command.load(sUrl,'GET', sBookmark, null, null, null,function (oRequest, oElm){ kpnvandaag.util.transformData(oElm.ownerDocument, bb.getResource(oThis, 'googleSearchResults'), oThis.viewGate, {'qMeta': oThis.getProperty('qMeta')}, false); kpnvandaag.util.setGadgetLoaded(oThis.getProperty('parentNode').getProperty('gadget')); if(kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendEventByReference(oThis, 'Zoekresultaten getoond'); if(kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendPageByReference(oThis); } ); ]]></d:body> </d:method> <d:resource name="googleSearchResults" type="text/xml"> <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="xml" indent="yes"/> <xsl:variable name="currentPage" select="(page/contentmain/searchresultsgoogle/GSP/PARAM[@name='start']/@value div 10) + 1"/> <xsl:param name="qMeta"/> <xsl:param name="nArticlesTop" select="5"/> <xsl:param name="nArticlesTotal" select="9"/> <xsl:decimal-format name="number" grouping-separator="."/> <xsl:template match="/"> <xsl:apply-templates select="page/contentmain/searchresultsgoogle"/> </xsl:template> <xsl:template match="searchresultsgoogle"> <xsl:apply-templates select="GSP"/> </xsl:template> <xsl:template match="GSP"> <div id="subLayer-content" class="regular-content" style="width:968px;"> <div class="contentWrapper"> <h4>Terug naar <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.document.getElementById('googleSearchGadget').restore();return false;</xsl:text> </xsl:attribute> <xsl:text>< Startpagina</xsl:text> </a> </h4> <form id="googleSearchResults" method="GET" onsubmit="bb.document.getElementById('googleSearchGadget').getSearchResultsFromView(1, this); return false;" enctype="application/x-www-form-urlencoded"><div class="googleSearch-search"> <input type="text" name="keyword" class="googleSearch-searchInput" style=""> <xsl:attribute name="value"> <xsl:value-of select="Q"/> </xsl:attribute> </input> <input type="submit" class="googleSearch-searchSubmit" value="Zoeken" style=""/> <input type="hidden" name="start" id="googleStart" value=""/> <img src="../../static/kpnvandaag/application/themes/kpnvandaag/images/site/module/google/powered.gif"/> </div><div class="googleSearch-searchMeta"> <span> Doorzoek: <input type="radio" name="qMeta" value="internet" id="qMeta-internet"> <xsl:if test="$qMeta = '' or $qMeta = 'internet'"> <xsl:attribute name="checked"> <xsl:text>checked</xsl:text> </xsl:attribute> </xsl:if> </input> <label for="qMeta-internet">het Internet</label> </span> <span> <input type="radio" name="qMeta" value="inDutch" id="qMeta-inDutch"> <xsl:if test="$qMeta = 'inDutch'"> <xsl:attribute name="checked"> <xsl:text>checked</xsl:text> </xsl:attribute> </xsl:if> </input> <label for="qMeta-inDutch">pagina's in het Nederlands</label> </span> <span> <input type="radio" name="qMeta" value="fromNetherlands" id="qMeta-fromNetherlands"> <xsl:if test="$qMeta = 'fromNetherlands'"> <xsl:attribute name="checked"> <xsl:text>checked</xsl:text> </xsl:attribute> </xsl:if> </input> <label for="qMeta-fromNetherlands">pagina's uit Nederland</label> </span> </div><p class="googleSearch-resultsHeader"> Resultaten <strong> <xsl:value-of select="PARAM[@name='start']/@value + 1"/> - <xsl:value-of select="PARAM[@name='start']/@value + 10"/> </strong> van circa <strong> <xsl:value-of select="format-number(RES/M, '0.000', 'number')"/> </strong> voor <strong><xsl:value-of select="PARAM[@name='q']/@value"/></strong> (<strong><xsl:value-of select="TM"/></strong> seconden) </p><xsl:apply-templates select="ADS" mode="ads-top"/><xsl:apply-templates select="RES"/><xsl:apply-templates select="ADS" mode="ads-bottom"/><ul class="googleSearch-resultsNavigation"><li class="googleSearch-previous"> <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.document.getElementById('googleSearchGadget').getSearchResultsFromView(</xsl:text> <xsl:value-of select="$currentPage - 1"/> <xsl:text>);return false;</xsl:text> </xsl:attribute> <xsl:if test="$currentPage = '1'"> <xsl:attribute name="class"> <xsl:text>invisible</xsl:text> </xsl:attribute> </xsl:if> <xsl:text>< Vorige</xsl:text> </a> </li><xsl:variable name="firstNavigationPage"> <xsl:choose> <xsl:when test="$currentPage < 12"> <xsl:value-of select="'1'"/> </xsl:when> <xsl:otherwise> <xsl:value-of select="$currentPage - 10"/> </xsl:otherwise> </xsl:choose> </xsl:variable><xsl:variable name="lastNavigationPage" select="$currentPage + 9"/><xsl:call-template name="for.loop"> <xsl:with-param name="i" select="$firstNavigationPage"/> <xsl:with-param name="count" select="$lastNavigationPage"/> </xsl:call-template><li class="googleSearch-next"> <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.document.getElementById('googleSearchGadget').getSearchResultsFromView(</xsl:text> <xsl:value-of select="$currentPage + 1"/> <xsl:text>); return false;</xsl:text> </xsl:attribute> <xsl:text>Volgende ></xsl:text> </a> </li></ul></form> </div> <div class="subLayer-bottom"/> </div> </xsl:template> <xsl:template match="ADS" mode="ads-right"> <xsl:if test="count(AD[@type='text/narrow']) > 0"> <div class="googleSearch-adResults-right"> <p class="googleSearch-adResultsHeader">Gesponsorde koppelingen</p> <dl><xsl:apply-templates select="AD[@type='text/narrow']" mode="ads-right"/></dl> </div> </xsl:if> </xsl:template> <xsl:template match="AD" mode="ads-right"> <dt> <a shape="rect"> <xsl:attribute name="href"> <xsl:value-of select="@url"/> </xsl:attribute> <xsl:attribute name="target"> <xsl:text>_blank</xsl:text> </xsl:attribute> <xsl:value-of select="LINE1"/> </a> </dt> <dd> <xsl:value-of select="LINE2"/> </dd> <dd class="googleSearch-subLinks"> <xsl:value-of select="@visible_url"/> </dd> </xsl:template> <xsl:template match="ADS" mode="ads-top"> <xsl:if test="count(AD[@type='text/wide']) > 0"> <div class="googleSearch-adResults"> <span class="googleSearch-adResultsHeader">Gesponsorde koppelingen</span> <dl><xsl:apply-templates select="AD[@type='text/wide'][position()<=$nArticlesTop]" mode="ads-top"/></dl> </div> </xsl:if> </xsl:template> <xsl:template match="ADS" mode="ads-bottom"> <xsl:if test="count(AD[@type='text/wide']) > 5"> <div class="googleSearch-adResults"> <span class="googleSearch-adResultsHeader">Gesponsorde koppelingen</span> <dl><xsl:apply-templates select="AD[@type='text/wide'][position()>$nArticlesTop and position()<=$nArticlesTotal]" mode="ads-top"/></dl> </div> </xsl:if> </xsl:template> <xsl:template match="AD" mode="ads-top"> <dt> <a shape="rect"> <xsl:attribute name="href"> <xsl:value-of select="@url"/> </xsl:attribute> <xsl:attribute name="target"> <xsl:text>_blank</xsl:text> </xsl:attribute> <xsl:value-of select="LINE1"/> </a> </dt> <dd> <a shape="rect"> <xsl:attribute name="href"> <xsl:value-of select="@url"/> </xsl:attribute> <xsl:attribute name="target"> <xsl:text>_blank</xsl:text> </xsl:attribute> <xsl:value-of select="@visible_url"/> </a> <span> <xsl:value-of select="LINE2"/> </span> </dd> </xsl:template> <xsl:template match="RES"> <xsl:if test="count(R) > 0"> <dl class="googleSearch-results"><xsl:apply-templates select="R"/></dl> </xsl:if> </xsl:template> <xsl:template match="R"> <dt> <a href="#" shape="rect"> <xsl:attribute name="href"> <xsl:value-of select="U"/> </xsl:attribute> <xsl:attribute name="target"> <xsl:text>_blank</xsl:text> </xsl:attribute> <xsl:value-of select="T" disable-output-escaping="no"/> </a> </dt> <dd> <xsl:value-of select="S" disable-output-escaping="no"/> </dd> <dd class="googleSearch-subLinks"> <span> <xsl:value-of select="U"/> <xsl:text> - </xsl:text> <xsl:value-of select="HAS/C/@SZ"/> </span> </dd> </xsl:template> <xsl:template name="for.loop"> <xsl:param name="i"/> <xsl:param name="count"/> <xsl:if test="$i <= $count"> <li> <a shape="rect"> <xsl:attribute name="href"> <xsl:text>#</xsl:text> </xsl:attribute> <xsl:attribute name="onclick"> <xsl:text>bb.document.getElementById('googleSearchGadget').getSearchResultsFromView(</xsl:text> <xsl:value-of select="$i"/> <xsl:text>); return false;</xsl:text> </xsl:attribute> <xsl:if test="$i = $currentPage"> <xsl:attribute name="class"> <xsl:text>current</xsl:text> </xsl:attribute> </xsl:if> <xsl:value-of select="$i"/> </a> </li> </xsl:if> <xsl:if test="$i <= $count"> <xsl:call-template name="for.loop"> <xsl:with-param name="i"> <xsl:value-of select="$i + 1"/> </xsl:with-param> <xsl:with-param name="count"> <xsl:value-of select="$count"/> </xsl:with-param> </xsl:call-template> </xsl:if> </xsl:template> </xsl:stylesheet> </d:resource> </d:element> </d:namespace> <kpnc:googleSearch id="googleSearchGadget"/> </script></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>E-mail</title><g:preferences requireSubmit="true"> <g:preference name="title" type="hidden" default="E-mail"/> <g:preference name="subTitle" type="hidden" default=""/> </g:preferences><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" xml:space="preserve"> .but_inner { } .webmail_spanel_fix div.dxp_widget_settings form { border-bottom: none; } .webmailFormsContainer #startForm table td .xkpn { width: 52px; height: 45px; margin-left: 8px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/kpn.gif'); background-position: center; background-repeat: no-repeat; text-decoration:none; } .webmailFormsContainer #startForm table td .xmsn { width: 52px; height: 45px; margin-left: 8px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/sprite.gif'); background-position: left; background-repeat: no-repeat; text-decoration:none; } .webmailFormsContainer #startForm table td .xgmail { width: 52px; height: 45px; margin-left: 8px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/sprite.gif'); background-position: center; background-repeat: no-repeat; text-decoration:none; } .webmailFormsContainer #startForm table td .xyahoo { width: 52px; height: 45px; margin-left: 8px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/sprite.gif'); background-position: right; background-repeat: no-repeat; text-decoration:none; } .but_bg { height: 22px; line-height: 22px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/but_bg.gif'); background-repeat: repeat-x; background-repeat: no-repeat; } .but_bg .but_left { height: 22px; line-height: 22px; white-space: nowrap; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/but_left.gif'); background-repeat: no-repeat; background-position: left; text-align: center; padding-left: 30px; padding-right: 30px; } .but_bg .but_right { height: 22px; line-height: 22px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/but_right.gif'); background-repeat: no-repeat; background-position: top right; } div.Webmail { } div.Webmail table { border:1px solid #CCC; border-collapse: collapse; } div.Webmail table td, div.Webmail table th { border:1px solid #CCC; padding:2px; } div.Webmail table th { font-weight:bold; } div.Webmail p.error { color:red; } div.WebmailFallbackComponent { padding-top:10px; height:57px; padding-left: 10px; padding-right: 15px; } html.ie6 div.WebmailFallbackComponent { zoom:1; padding-top:12px; height:67px; } .webmailFormsContainer { } .webmailFormsContainer .tab_left { width: 10px; height: 30px; line-height: 30px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/tab_l.gif'); background-repeat: no-repeat; white-space: nowrap; } .webmailFormsContainer .tab_bg { background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/tab_bg.gif'); background-repeat: repeat-x; background-position: top; white-space: nowrap; font-weight: bold; vertical-align: middle; padding-top: 8px; } .webmailFormsContainer .tab_right { width: 7px; height: 30px; line-height: 30px; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/tab_r.gif'); background-repeat: no-repeat; white-space: nowrap; } .webmailFormsContainer .tab_line { border-bottom: 1px solid #CECECE; vertical-align: middle; padding-top: 3px; text-align: right; padding-right: 11px; } .webmailFormsContainer .tab_line a { margin-left: 12px; text-decoration: underline; color: inherit; } .webmailFormsContainer #startForm table { height: 58px; width:100%; } html.ie6 .webmailFormsContainer #startForm table { margin-bottom:2px; } .webmailFormsContainer #startForm table td { text-align: center; } .webmailFormsContainer #startForm table td a { text-decoration: none; text-align: center; display: block; margin-top: -6px; } .webmailFormsContainer #startForm table td div { text-decoration: underline; white-space: nowrap; } .ie7 .webmailFormsContainer #startForm table td div { padding-bottom:1px; } .webmailFormsContainer #startForm table td.first { text-align: left; width: 161px; padding-left: 10px; vertical-align: top; padding-top: 5px; } .webmailFormsContainer #startForm table a { color:#707070; font-weight:bold; padding: 0px; padding-left: 24px; padding-right: 24px; } .webmailFormsContainer #startForm table td.first a { height: 60px; line-height: 60px; padding-left: 61px; padding-right: 36px; display: block; background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/kpn.gif'); background-repeat: no-repeat; background-position: left 10px; padding-top: 17px; } .webmailFormsContainer #startForm table td.first div { text-align: left; display: block; line-height: 16px; } .webmailFormsContainer #startForm table td.first p { text-align: left; display: block; line-height: 16px; white-space: nowrap; font-weight: normal; font-style: italic; } .webmailFormsContainer #emailForm{ height:186px; } .webmailFormsContainer #loginForm { height:186px; } html.ie6 .webmailFormsContainer #emailForm { height:170px; } html.ie6 .webmailFormsContainer #loginForm { height:198px; } .webmailFormsContainer .settingsPanel .formContent, .webmailFormsContainer #loginForm .formContent { padding-left: 29px; padding-right: 43px; padding-bottom: 4px; padding-top: 3px; } .webmailFormsContainer .settingsPanel .formContent table td div, .webmailFormsContainer #loginForm .formContent table td div { margin-top: 9px; } .webmailFormsContainer .settingsPanel .formContent table td div.btncomponentlabel, .webmailFormsContainer #loginForm .formContent table td div.btncomponentlabel { margin-top:0; } .webmailFormsContainer .settingsPanel .formContent table input.full, .webmailFormsContainer #loginForm .formContent table input.full { width: 96%; } .webmailFormsContainer #emailForm .formContent { padding-left: 12px; padding-right: 12px; padding-top: 20px; } .webmailFormsContainer #emailForm .formContent ul li { background-image: url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/bullet.gif'); background-repeat: no-repeat; background-position: left 4px; padding-left: 10px; margin-bottom: 7px; height:1em; overflow:hidden; } div.Webmail ul li a { color:#707070; text-decoration:none; display:block; } div.Webmail ul li a:hover { text-decoration:underline; } ul li span.time { float:left; width:80px; } .dxp_widget_settings div.webmailFormsContainer table { width:auto !important; border:none; width:auto; table-layout:auto; } div.Webmail a.goToWebmail { display:block; height: 28px; line-height: 28px; background:url('../../static/kpnvandaag/application/gadgets/local/Webmail/media/plus.gif') 0 8px no-repeat; padding:4px 0 3px 23px; margin:10px 0px 10px 0; color:#666666; text-decoration:none; font-weight:bold; } div.Webmail a.goToWebmail:hover { text-decoration:underline; } .invalidWebmail{ border-left:3px solid red; } #kpnmailFormEmailErrorText,#kpnmailFormEmailErrorTextSettings{ color:red; display:none; font-weight:bold; text-align:center; line-height:1.2; } #kpnWebmailContentName,#kpnWebmailContentPassword,#kpnWebmailSettingsName,#kpnWebmailSettingsPassword,#kpnWebmailContentCheckboxText,#kpnWebmailSettingsCheckboxText{ padding-left:10px; } html.ie #kpnWebmailContentCheckboxText,html.ie #kpnWebmailSettingsCheckboxText{ padding-left:6px; } .kpnWebmailLoginText{ padding-left:10px; } #kpnWebmailContentCheckboxText input{ margin-left:0px; } #kpnWebmailSettingsCheckboxText input{ margin-left:0px; } </style></head><body onload="kpnvandaag.util.setGadgetLoaded(__GADGET__);"><div class="webmailFormsContainer"> <div id="startForm"> <div class="WebmailFallbackComponent"> <table border="1" cellpadding="0" cellspacing="0"><tr><td width="25%" rowspan="1" colspan="1"> <a href="https://webmail.kpnmail.nl/mail/logon.asp" target="_blank" shape="rect"> <div class="xkpn"> </div> <div>kpn mail</div> </a> </td><td width="25%" nowrap="true" rowspan="1" colspan="1"> <a target="_blank" href="http://www.hotmail.com" shape="rect"> <div class="xmsn"> </div> <div>Hotmail</div> </a> </td><td width="25%" nowrap="true" rowspan="1" colspan="1"> <a target="_blank" href="http://www.gmail.com" shape="rect"> <div class="xgmail"> </div> <div>GMail</div> </a> </td><td width="25%" nowrap="true" rowspan="1" colspan="1"> <a target="_blank" href="http://webmail.hetnet.nl" shape="rect"> <div class="xyahoo"> </div> <div>HetNet Mail</div> </a> </td></tr></table> </div> </div> </div></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>KPN</title><g:preferences> <g:preference name="title" type="hidden" default="KPN"/> <g:preference name="subTitle" type="hidden" default=""/> <g:preference name="uriGET" type="hidden" default="response/kpnService.xml"/> </g:preferences><g:settings> <g:setting name="closable" value="false"/> <g:setting name="minimizable" value="true"/> <g:setting name="refreshable" value="false"/> <g:setting name="optionsMenu" value="false"/> <g:setting name="className" value="kpnGreen"/> </g:settings><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" media="screen" xml:space="preserve"> div.KPNService { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 11px; letter-spacing: 0.012em; color: #333333; } div.KPNService a { color: #333333; text-decoration: none; } div.KPNService a:hover { text-decoration: underline; } div.KPNService h2 { color: #333333; font-size: 1.25em; margin-bottom: 0.5em; font-weight: normal; } div.KPNService .groen { color: #009900; } div.KPNService div#tab_box_1, div.KPNService div#tab_box_2, div.KPNService div#tab_box_3 { height:1px; margin-bottom:-1px; overflow:hidden; } div.KPNService div.tab_links { clear:both; height:85px; zoom:1; } div.KPNService div.tab_links ul li span.tab_header { display: block; font-size: 1.4em; clear: both; font-weight: bold; } div.KPNService div.tab_links ul { list-style-type: none; zoom:1; margin:0; padding:0; } div.KPNService div.tab_links ul li { float: left; width: 235px; height:44px; font-size: 0.8em; border-top:1px solid #CCC; } div.KPNService div.tab-left-selected ul li { float:right; } div.KPNService div.tab_links ul li#tablink_1 { margin-right: -30px; background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/modul_tab_bg.gif") -26px 0px no-repeat; width: 255px; } div.KPNService ul li#tablink_2 { border-top-color: #fff; } div.KPNService div.tab-left-selected ul li#tablink_1 { border-top-color: #fff; } div.KPNService div.tab-left-selected ul li#tablink_2 { border-top-color: #ccc; } div.KPNService div.tab_links ul li#tablink_2 { background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/modul_tab_bg.gif") 0px 0px no-repeat; width: 249px; } div.KPNService div.tab_links ul li#tablink_1 a { display: block; padding: 7px 0px 7px 45px; background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/kpn_small.gif") 13px 7px no-repeat; text-decoration:none; } div.KPNService div.tab_links ul li#tablink_2 a { display: block; padding: 7px 0px 7px 60px; background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/kpn_small.gif") 27px 7px no-repeat; text-decoration:none; } div.KPNService div.tab_links .tab_footer { zoom:1; clear: both; padding: 0; } div.KPNService div.tab_links .tab_footer * { float:left; } .ie6 div.KPNService div.tab_links .tab_footer h2{ margin-left:10px; } div.KPNService div.tab_links .tab_footer h2 { width:182px; margin-left:20px; margin-top: 13px; color:#000099; font-weight: bold; } div.KPNService div.tab_links .tab_footer a.tab_link, div.KPNService div.tab_content a.submit_link { float:right; margin:0 10px 0 0; padding:5px 25px 0 0px; background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/next-green.gif") right top no-repeat; color:#000099; font-weight:bold; height:20px; } div.KPNService div#tab_box_2 div.right_content a.submit_link { text-decoration:none; } div.KPNService div#tab_box_2 div.right_content a:hover.submit_link { text-decoration: underline; } div.KPNService div#tab_box_1 div.tab_content, div.KPNService div#tab_box_2 div.tab_content{ margin-bottom:10px; } div.KPNService div#tab_box_1 div.tab_content a.tab_close_link, div.KPNService div#tab_box_2 div.tab_content a.tab_close_link { float:right; display:block; padding-right:16px; margin-top: 5px; margin-right:10px; background:url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icon_close.gif") #ffffff right 2px no-repeat; } div.KPNService div#tab_links div.tab_footer a.tab_close_link { float:right; display:none; padding-right:16px; margin-top: 10px; margin-right:12px; background:url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icon_close.gif") #ffffff right 2px no-repeat; } div.KPNService div#tab_box_1 div.tab_content, div.KPNService div#tab_box_2 div.tab_content { margin-left:20px; } div.KPNService div#tab_box_1 div.tab_content strong { clear:both; display:block; } div.KPNService div#tab_box_1 ul li { margin:8px 0px 4px; display:block; padding:6px 0px 6px 20px; background-color:transparent; background-position:4px 0px; background-repeat:no-repeat; } div.KPNService div#tab_box_1 ul li.help_internet { width:110px; padding-left:60px; height: 7px; background-image: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icons.gif"); background-position: 3px top; background-repeat: no-repeat; } div.KPNService div#tab_box_1 ul li.help_internetplus { width:140px; padding-left:60px; height: 7px; background-image: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icons.gif"); background-position: 3px -22px; background-repeat: no-repeat; } div.KPNService div#tab_box_1 ul li.help_thuis { width:92px; padding-left:60px; height: 7px; background-image: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icons.gif"); background-position: 3px -44px; background-repeat: no-repeat; } div.KPNService div#tab_box_1 ul li.help_mobiel { width:120px; padding-left:60px; height: 7px; background-image: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icons.gif"); background-position: 3px -66px; background-repeat: no-repeat; } div.KPNService div#tab_box_1 ul li.help_interactief { width:152px; padding-left:60px; height: 7px; background-image: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icons.gif"); background-position: -1px -88px; background-repeat: no-repeat; } div.KPNService div#tab_box_1 ul li.help_digitenne { width:85px; padding-left:60px; height: 7px; background-image: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/icons.gif"); background-position: -1px -88px; background-repeat: no-repeat; } div.KPNService div#tab_box_1 a.help_ander { clear:left; width:140px; } div.KPNService div#tab_box_1 a.help_ander, div.KPNService div#tab_box_1 a.help_email { padding:5px 0; } div.KPNService div#tab_box_1 a.help_email { width:180px; } div.KPNService div#tab_box_2 div.left_content { clear:both; line-height:1.5em; } html.ie div.KPNService div#tab_box_2 div.left_content { margin-top:18px; } div.KPNService div#tab_box_2 div.left_content, div.KPNService div#tab_box_2 div.right_content { float:left; width:220px; } div.KPNService div#tab_box_2 div.right_content form input.text { border:1px solid #CCC; padding:2px; margin:5px 5px 0 0; width:92.5%; float:left; } div.KPNService div#tab_box_2 div.right_content form input.checkbox { width:1em; } .ie div.KPNService div#tab_box_2 div.right_content form input.checkbox { width:1.2em; border: 0; } div.KPNService div#tab_box_2 div.right_content a { display:block; margin-top:1px; padding-bottom:1px; text-decoration:underline; } div.KPNService div#tab_box_2 div.right_content a.submit_link{ margin-top:4px; } div.KPNService div#tab_box_2 div.right_content div#kpnServiceSubmit{ float:left; background:url('../../static/kpnvandaag/application/gadgets/local/KPNService/media/next-green.gif') top left no-repeat; width:20px; height:20px; margin:6px 0 0 0; cursor:pointer; } div.KPNService div#tab_box_3 { clear:both; background: url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/background.gif") repeat-x; } div.KPNService div#tab_box_3 div.tab_content { background:transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/mockup_video.jpg") 20px 20px no-repeat; padding:20px 5px 0 10px; } div.KPNService div#tab_box_3 ul { float:left; display:inline; margin-left:240px; padding:0 0 5px 0; line-height:1.5em; width:200px; } div.KPNService div#tab_box_3 ul li a { display:block; width:100%; border-bottom:1px solid #cccccc; padding:2px; text-decoration:none; } div.KPNService div#tab_box_3 a.moreAboutITV { clear:left; float:left; display:inline; margin:10px 0 10px 240px; width:200px; } div.KPNService div#tab_box_3 li.bold { font-weight: bold; } div.KPNService .ad_img { background: transparent url('../../static/kpnvandaag/application/gadgets/local/KPNService/media/ad_img.gif') no-repeat top left; width:457px; height:41px; } .links_onder{ padding:10px; } .links_onder a{ margin-right:5px; } .regular_link{ cursor:pointer; } .interactieveTV{ height: 36px; width: 88px; background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/media/interactievetv.gif") no-repeat; } .mockupdigitenne{ float:left; background: transparent url("../../static/kpnvandaag/application/gadgets/local/KPNService/response/kpnvandaag_widget_new.jpg") no-repeat; width:215px; height:151px; } .kpnGreen .db-gadget-head { background:url(../../static/kpnvandaag/application/gadgets/local/KPNService/media/module_kpnheader_476x27.png) no-repeat scroll 0 0; height:27px; overflow:hidden; } .kpnGreen .db-gadget-head_i { background-image:none; } .kpnGreen .db-gadget-title { color:#FFF; } .kpnGreen .db-gadget-button-toggle div.db-gadget-img { background-image:url(../../static/kpnvandaag/application/gadgets/local/KPNService/media/minimGreen.gif); } .kpnGreen_minimized .db-gadget-head .db-gadget-button-toggle div.db-gadget-img { background-image:url(../../static/kpnvandaag/application/gadgets/local/KPNService/media/plusGreen.gif); } </style></head><body g:onchange="this.getProperty('firstChild').loadComponentData();"><div class="KPNService" id="KPNService"> <div id="tab_box_1" class="hidden_tab"> <div class="tab_content"> <a href="javascript:void(0);" class="tab_close_link" shape="rect">sluiten</a> <strong>Je zoekt service over</strong> <ul class="KPN-client-service" style="float:left;"><li class="help_internet"><a target="_blank" href="http://www.kpn.com/web/show/id=72550" shape="rect">Internet</a></li><li class="help_internetplus"><a target="_blank" href="http://www.kpn.com/web/show/id=72592" shape="rect">Internetplusbellen</a></li><li class="help_thuis"><a target="_blank" href="http://www.kpn.com/web/show/id=100080" shape="rect">Thuisbellen</a></li><li class="help_mobiel"><a target="_blank" href="http://www.kpn.com/web/show/id=89632" shape="rect">Mobiel</a></li><li class="help_interactief"><a target="_blank" href="http://www.kpn.com/web/show/id=77507" shape="rect">Interactieve TV</a></li><li class="help_digitenne"><a target="_blank" href="http://www.kpn.com/web/show/id=77490" shape="rect">Digitenne</a></li></ul> <div class="mockupdigitenne"> </div> <div class="clearFloats"/> <div class="links_onder"> <a target="_blank" href="http://www.kpn.com/web/show/id=561092" class="help_ander" shape="rect">> ander onderwerp</a> <a target="_blank" href="http://www.kpn.com/web/show/id=133230" class="help_email" shape="rect">> vraag stellen via e-mail</a> <a target="_blank" href="http://www.kpn.com/web/show/id=112009" class="help_email" shape="rect">> contact met helpdesk</a> </div> <div class="clearFloats"/> <div style="height:25px"/> </div> </div> <div id="tab_box_2" class="hidden_tab"> <div class="tab_content"> <a href="javascript:void(0);" class="tab_close_link" shape="rect">sluiten</a> <div class="left_content"> <strong>Wat kun je bij Mijn KPN?</strong> <ul><li>- Je gegevens wijzigen</li><li>- Je rekening bekijken</li><li>- Je verhuizing regelen</li><li>- Je actueel verbruik bekijken</li></ul> </div> <div class="right_content"> <strong>Naar Mijn KPN diensten</strong> <form action="https://access.kpn.com/CAUT/AuthenticationServlet" method="post" target="_blank" enctype="application/x-www-form-urlencoded"><div> <input name="LOCALE" value="en_US" type="hidden"/> <input name="AUTHMETHOD" value="UserPassword" type="hidden"/> <input name="HiddenURI" value="https://www.kpn.com/kpn/restricted/formhandler?form=1801594&formelement=1801351" type="hidden"/> <input name="AUTHMETHOD" value="UserPassword" type="hidden"/> <input name="RedirectOnFailure" value="https://www.kpn.com/kpn/formhandler?form=1801594&formelement=loginfailed&pageid=2001200" type="hidden"/> <input name="showloginform" id="showloginform" value="false" type="hidden"/> <input name="formpartcode" value="showloginform" type="hidden"/> <input type="text" class="text" name="usr_name_dummy" value="gebruikersnaam" onclick="this.style.display='none';bb.selector.query(this.parentNode,'input[name=usr_name]').style.display='block';bb.selector.query(this.parentNode,'input[name=usr_name]').focus();" style="color:#666;"/> <input type="text" class="text" name="usr_name" value="" style="display:none;color:#666;"/> <input type="text" class="text" name="usr_password_dummy" value="wachtwoord" onfocus="this.style.display='none';bb.selector.query(this.parentNode,'input[name=usr_password]').style.display='';bb.selector.query(this.parentNode,'input[name=usr_password]').focus();" style="color:#666;width:70%"/> <input type="password" class="text" name="usr_password" value="" style="display:none;color:#666;width:70%"/> <div id="kpnServiceSubmit" onclick="this.parentNode.parentNode.submit();"> </div> <a target="_blank" class="submit_passwordquestion" href="https://www.kpn.com/kpn/show/id=237475" shape="rect">Wachtwoord vergeten?</a> <div style="height:25px"/> </div><input type="hidden" name="swfrmsig" value="3456fdc96443a4c6ec5d0677aae4cc3600ffcd4f946f9bf68c47b08b6ca204032f6be1538c2ecdb0ae62eb0dc77c17af79739ded642e388335179ee56b0519c7e22625388f066760625a0f14d0567037aa798ad9fb10494a8de43c39eeb6c80f06eed9180e02e38fb7eb2c324517a4dcd4bb1d2758d86df0c5eeb20cac8cb320f9d75981a07b9e2c530e92a436efb3646b6079064679786bba4ab24e3f391a32f81e38283e7b90a903fc120de1ed870a09ec76b1a2b82891be198c127d3c5998d33e49a989b01201b8db962561758a3b62f11cf78d04db6d" /> </form> </div> <div class="clearFloats"/> </div> </div> <div class="tab_links" id="tab_links"> <ul><li id="tablink_1"> <a tab="tab_box_1" class="tab_link" shape="rect"> <span class="tab_header groen">Klantenservice</span> vragen, bellen, chatten... </a> </li><li id="tablink_2"> <a tab="tab_box_2" class="tab_link" shape="rect"> <span class="tab_header groen">Mijn KPN</span> telefoonrekening, abonnementen... </a> </li></ul> <div class="tab_footer"> <a href="javascript:void(0);" class="tab_close_link" id="tab_box_3_close_link" shape="rect">sluiten</a> <div class="ad_img"> </div> </div> </div> <div id="tab_box_3" class="hidden_tab" role="third_tab"> <g:include src="/web/wcbservlet/com.backbase.portal.portal.gadgetfragmentrendererservlet?xml=$uriGET&xsl=thirdtab.xsl&preferences=title,subTitle,uriGET"/> </div> </div><script xmlns:b="http://www.backbase.com/2006/btl" xmlns:d="http://www.backbase.com/2006/tdl" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml" xml:space="preserve"> <d:namespace name="http://www.kpn.com/2008/vandaag/component"> <d:element name="KPNService" extends="kpn:basicElement"> <d:resource type="text/xml" name="thirdtab"><xsl:stylesheet xmlns:data="http://www.kpn.com/2008/vandaag/data" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html" indent="no"/> <xsl:template match="data:*" mode="transform-xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:template> <xsl:template match="*|@*|text()" mode="loop"> <xsl:copy> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:copy> </xsl:template> <xsl:template match="data:*" mode="loop"> <xsl:element name="{local-name()}" namespace="http://www.w3.org/1999/xhtml"> <xsl:apply-templates select="*|@*|text()" mode="loop"/> </xsl:element> </xsl:template> <xsl:template match="/"> <xsl:apply-templates select="data:widgetcontent"/> </xsl:template> <xsl:template match="data:widgetcontent"> <xsl:apply-templates select="data:elements/data:element/data:items"/> </xsl:template> <xsl:template match="data:items"> <div class="tab_content"> <div id="bottom_tab_links"> <ul><xsl:apply-templates select="data:item"/></ul> <a class="moreAboutITV" target="_blank" shape="rect"> <xsl:attribute name="href"><xsl:value-of select="../data:readmore/data:url"/></xsl:attribute> <xsl:value-of select="../data:readmore/data:title"/> </a> </div> <div class="clearFloats"/> </div> </xsl:template> <xsl:template match="data:item"> <li onmouseover="bb.getControllerFromView(this).mouseover(this);"> <xsl:attribute name="pic"><xsl:value-of select="data:leadimage"/></xsl:attribute> <a target="_blank" shape="rect"> <xsl:attribute name="class">regular_link <xsl:if test="position()=1">bold</xsl:if></xsl:attribute> <xsl:attribute name="href"><xsl:value-of select="data:lead"/></xsl:attribute> <xsl:value-of select="data:title"/> </a> </li> </xsl:template> </xsl:stylesheet></d:resource> <d:property name="tabSelected" type="string"/> <d:property name="tabLink"> <d:getter type="application/javascript"> return bb.selector.queryAll(this.viewNode, '.tab_link'); </d:getter> </d:property> <d:handler event="DOMNodeInsertedIntoDocument" type="application/javascript"><![CDATA[ this.setProperty('tabSelected', ''); var oStart = this; var aTablinks = this.getProperty('tabLink'); for (var i=0; i < aTablinks.length; i++) { bb.html.addEventListener(aTablinks[i], 'click', function() { oStart.openTab(this); this.blur(); }); }; var oThis = this; this._.closeTab = function(event) { if(!(event.target.modelNode && event.target.modelNode.tagName.toLowerCase() == oThis.modelNode.tagName.toLowerCase())) { oThis.closeTab(); } } bb.document.addEventListener('mousedown', this._.closeTab, false); // Example view element to remove listener (should be done from closeWidget event): // <button onclick="var oThis = bb.getControllerFromView(this); bb.document.removeEventListener('mousedown', oThis._.eventFunction, false);">test</button> ]]></d:handler> <d:handler event="DOMNodeRemovedFromDocument" type="application/javascript"><![CDATA[ bb.document.removeEventListener('mousedown', this._.closeTab, false); ]]></d:handler> <d:method name="switchTabLine"> <d:argument name="id" type="string" required="true"/> <d:body type="text/javascript"><![CDATA[ if(id == 'tab_box_1') { bb.html.addClass(document.getElementById('tab_links'), 'tab-left-selected'); var oItem = document.getElementById('tablink_1'); if(oItem.nextSibling) oItem.parentNode.appendChild(oItem); } else if(id == 'tab_box_2') { bb.html.removeClass(document.getElementById('tab_links'), 'tab-left-selected'); var oItem = document.getElementById('tablink_2'); if(oItem.nextSibling) oItem.parentNode.appendChild(oItem); } ]]></d:body> </d:method> <d:method name="openTab"> <d:argument name="tab" type="object" required="true"/> <d:body type="text/javascript"><![CDATA[ var oThis = this; var oCurrentTab = tab; var sBegin = '1ms'; if(this.getProperty('tabSelected') == oCurrentTab.getAttribute('tab')) { this.closeTab(this); return; } this.setProperty('tabSelected', oCurrentTab.getAttribute('tab')); var aTablinks = this.getProperty('tabLink'); for (var j=0; j < aTablinks.length; j++) { if (aTablinks[j].getAttribute('selected') == 'true') { var oTabContent = document.getElementById(aTablinks[j].getAttribute('tab')); bb.smil.animate(oTabContent, {attributeName: 'height', to: '1px', dur: '0.3s', 'fill':'freeze'}); sBegin = '400ms'; } } oCurrentTab.setAttribute('selected', 'true'); //document.getElementById('tablink_3').style.display = oCurrentTab.getAttribute('tab') == 'tab_box_3' ? 'none' : 'block'; document.getElementById('tab_box_3_close_link').style.display = oCurrentTab.getAttribute('tab') == 'tab_box_3' ? 'block' : 'none'; var oTabContent = document.getElementById(oCurrentTab.getAttribute('tab')); var oTabContentHeight = bb.html.getBoxObject(oTabContent.getElementsByTagName('div')[0]).height; this.switchTabLine(oTabContent.id); bb.smil.animate(oTabContent, {attributeName: 'height',begin: sBegin, to: oTabContentHeight+'px', dur: '0.3s', 'fill':'freeze'}, function() { oThis.viewNode.style.display = 'none'; oThis.viewNode.style.display = 'block'; }); ]]></d:body> </d:method> <d:method name="closeTab"> <d:body type="text/javascript"><![CDATA[ var oThis = this; var aTablinks = this.getProperty('tabLink'); for (var j=0; j < aTablinks.length; j++) { if (aTablinks[j].getAttribute('selected') == 'true') { var oTabContent = document.getElementById(aTablinks[j].getAttribute('tab')); bb.smil.animate(oTabContent, {attributeName: 'height', to: '1px', dur: '0.3s', 'fill':'freeze'}); } } //bb.command.show(document.getElementById('tablink_3')); this.setProperty('tabSelected', ''); document.getElementById('tab_box_3_close_link').style.display = 'none'; ]]></d:body> </d:method> <d:handler event="click" match=".tab_close_link" type="application/javascript"><![CDATA[ this.closeTab(); ]]></d:handler> <d:handler event="click" match="#tab_box_1 .KPN-client-service li a" type="application/javascript"><![CDATA[ var serviceName = 'klantenservice'; var currentAnchor = event.currentView; if (kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendKPNServiceLink(serviceName,currentAnchor); ]]></d:handler> <d:handler event="click" match="#kpnServiceSubmit" type="application/javascript"><![CDATA[ var serviceName = 'mijnkpn'; var currentDiv = event.currentView; var newAnchor = document.createElement('a'); newAnchor.href = currentDiv.parentNode.parentNode.action; newAnchor.innerHTML = 'inloggen'; if (kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendKPNServiceLink(serviceName,newAnchor); ]]></d:handler> /* <d:handler event="click" match="#tab_box_3 #bottom_tab_links li a" type="application/javascript"><![CDATA[ var serviceName = 'meerinformatie'; var currentAnchor = event.currentView; if (kpnvandaag.OmnitureController) kpnvandaag.OmnitureController.sendKPNServiceLink(serviceName,currentAnchor); ]]></d:handler>*/ </d:element> </d:namespace> <kpnc:KPNService viewNode="#KPNService"/> </script></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>De Telefoongids en Gouden Gids</title><g:preferences> <g:preference name="title" type="hidden" default="De Telefoongids"/> <g:preference name="subTitle" type="hidden" default=""/> </g:preferences><g:settings> <g:setting name="closable" value="true"/> <g:setting name="editable" value="false"/> <g:setting name="minimizable" value="true"/> <g:setting name="refreshable" value="false"/> <g:setting name="optionsMenu" value="false"/> <g:setting name="autoRefresh" value="1"/> </g:settings><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" media="screen" xml:space="preserve"> #detelefoongidsContainer { padding: 10px; } #detelefoongidsContainer .container{ padding:2px; width: 440px; } #detelefoongidsContainer .telgids_zoek{ vertical-align: middle; float:right; } #detelefoongidsContainer .float{ } #detelefoongidsContainer .left{ width:150px; float:left; } #detelefoongidsContainer input.text{ margin: 2px 0 2px 0; padding: 2px; height:16px; border:1px solid #bababa; } #detelefoongidsContainer input.detelefoongids_zoek { background:transparent url('../../static/kpnvandaag/application/gadgets/local/Telefoongids_2/media/zoek.gif') no-repeat scroll 0 100%; padding-top: 2px; border:0 none; height:22px; width:116px; cursor:pointer; } #detelefoongidsContainer input.radio { vertical-align: middle; } #detelefoongidsContainer .radiosubmit{ margin:8px 0 0 0; } #detelefoongidsContainer .extrawidth { width:440px; } #detelefoongidsContainer .pad { padding: 0 6px 0 0; } </style></head><body onload="this.getProperty('firstChild').loadComponentData();" g:onshow="this.getProperty('firstChild').loadComponentData();" g:onchange="this.getProperty('firstChild').loadComponentData();" g:onmaximize="this.getProperty('firstChild').loadComponentData();" g:onrefresh="this.getProperty('firstChild').loadComponentData();"><script xmlns:b="http://www.backbase.com/2006/btl" xmlns:d="http://www.backbase.com/2006/tdl" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:kpn="http://www.kpn.com/2008/vandaag" xmlns:kpnc="http://www.kpn.com/2008/vandaag/component" type="text/backbase+xml" xml:space="preserve"> <d:namespace name="http://www.kpn.com/2008/vandaag/component"> <d:element name="detelefoongids"> <d:template type="application/xml"> <div id="detelefoongidsContainer"> <div class="container">Wie, wat</div> <div class="container"><input type="text" class="text extrawidth" name="wie" id="detelefoongids_wie" value=""/></div> <div class="container">Waar</div> <div class="container"><input type="text" class="text extrawidth" name="waar" id="detelefoongids_waar" value=""/></div> <div class="radiosubmit"> <div class="telgids_zoek left"><label for="zoekbedrijven"><input id="zoekbedrijven" type="radio" class="radio" name="searchtype" value="http://www.detelefoongids.nl/bg/" checked="checked"/>Gouden Gids</label></div> <div class="telgids_zoek left"><label for="zoekpersoon"><input id="zoekpersoon" type="radio" class="radio" name="searchtype" value="http://www.detelefoongids.nl/tg/"/>De Telefoongids</label></div> <div class="telgids_zoek pad"><input type="submit" class="detelefoongids_zoek" value=""/></div> </div> <div style="clear:left;clear:right"/> </div> </d:template> <d:method name="loadComponentData"> <d:body type="text/javascript"><![CDATA[ var oThis = this; var oGadget = bb.dashboard.gadget.getGadgetFromView(this.viewNode); kpnvandaag.util.setGadgetLoaded(oGadget); ]]></d:body> </d:method> <d:handler event="click" match="input.detelefoongids_zoek" type="application/javascript"><![CDATA[ var oWie = document.getElementById('detelefoongids_wie'); var oWaar = document.getElementById('detelefoongids_waar'); var oZoekbedrijf = document.getElementById('zoekbedrijven'); var oZoekpersoon = document.getElementById('zoekpersoon'); var oBedrijfChecked = oZoekbedrijf.getAttribute("checked"); var oPersoonChecked = oZoekpersoon.getAttribute("checked"); if (oWie.value == "" || oWie.value == null) { } else { if (oBedrijfChecked == true || oBedrijfChecked == 'checked') { var oUrl = 'http://clk.tradedoubler.com/click?p=120926&a=1672984&g=18039320&url=' + oZoekbedrijf.value + 'plaats-' + oWaar.value + '/w-' + oWie.value + '/1/?edsacid=w-5768263224-24-2'; // } else { var oUrl = 'http://clk.tradedoubler.com/click?p=120683&a=1672984&g=18025964&url=' + oZoekpersoon.value + 'plaats-' + oWaar.value + '/w-' + oWie.value + '/1/?edsacid=w-5768263224-24-1'; // } window.open (oUrl); } return false; ]]></d:handler> <d:handler event="click" match="input" type="application/javascript"><![CDATA[ if(event.currentView.type == 'radio') { var radio = new Array('zoekbedrijven','zoekpersoon'); for(var i=0; i < radio.length; i++) { document.getElementById(radio[i]).setAttribute('checked', ''); } } event.currentView.setAttribute('checked', 'checked'); ]]></d:handler> </d:element> </d:namespace> <kpnc:detelefoongids id="detelefoongids" maximized_two_column="true"/> </script></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:g="http://www.backbase.com/2008/dashboard/gadgets" xml:lang="en"><head><title>UitzendingGemist</title><g:preferences requireSubmit="true"> <g:preference name="title" type="hidden" default="UitzendingGemist"/> <g:preference name="subTitle" type="hidden" default=""/> <g:preference name="uriGET" type="hidden" default="response/UitzendingGemist.xml"/> <g:preference name="xslData" type="hidden" default="UitzendingGemist.xsl"/> </g:preferences><style xmlns:d="http://www.backbase.com/2006/tdl" type="text/css" xml:space="preserve"> .UitzendingGemistContainer .items .item .content { height: 70px; width: 90px; border:1px solid #cdcdcd; } .UitzendingGemistContainer { overflow: hidden; padding:12px 0 0 0px; margin:0; } .webkit .UitzendingGemistContainer html{ overflow:hidden; } .ie6 .UitzendingGemistContainer{ float:none; } .UitzendingGemistContainer .items{ position: relative; } .UitzendingGemistContainer .items a, a:hover{ text-decoration:none; } .UitzendingGemistContainer .items .item{ background-color: #fff; float:left; padding: 0px 12px 12px 12px; } .clearFloats{ clear:both; } .ie6 .clearFloats{ height:1px; } .floatLeft{ float:left; margin:0; padding:0; } .UIfitem { color:#666; padding:0 0 0 13px; text-decoration:none; } .UitzendingGemistContainer .items .item a:hover div.overlay{ background-image: url('../../static/kpnvandaag/application/gadgets/local/UitzendingGemist/media/thumb_overlay.png'); height: 70px; width: 90px; background-position:right; background-repeat:no-repeat; } .UitzendingGemistContainer .items .item h3 { width: 90px; padding:4px 0px 0px 0px; color:#666; font-size:10px; font-weight:normal; white-space: nowrap; } .UitzendingGemistContainer .item .content{ height:70px; width:90px; } .UitzendingGemistContainer .UitzendingGemist { background: url('../../static/kpnvandaag/application/gadgets/local/UitzendingGemist/media/logo.gif') top left no-repeat; width:124px; height:20px; float:right; cursor:pointer; margin:0; padding:0 22px 10px 0; } </style></head><body><div class="UitzendingGemistContainer"> <g:include src="/web/wcbservlet/com.backbase.portal.portal.gadgetfragmentrendererservlet?xml=$uriGET&xsl=$xslData&preferences=title,subTitle, uriGETsub"/> </div></body></html>

KPN vandaag is jouw ideale startpagina, je kunt KPN vandaag zo inrichten als jij wilt, zo heb je altijd in 1 overzicht al jouw favoriete websites, email en meer!

Javascript staat uit in je webbrowser. Zonder Javascript kun je KPN vandaag niet bekijken.

Internet Explorer
Je kunt Javascript weer aanzetten door in het hoofdmenu onder
Extra> Internet Opties het vakje Javascript aan te vinken.

Firefox
Je kunt Javascript weer aanzetten door in het hoofdmenu onder
Extra > Opties het vakje Javascript aan te vinken.

Wanneer Javascript aanstaat kan je via de volgende link verder:
> KPN vandaag openen

Nieuws door ANP

> meer nieuws

Buienradar weer

vandaag

Avond:14ºC

regen:0 mm

W 4

Nacht: 8ºC

Ochtend: 10ºC

Middag: 12ºC

zaterdag

max: 14ºC

min: 10ºC

Z 5

zondag

max: 14ºC

min: 11ºC

ZW 6

> meer informatie

Webtips

Mijn linklijst

googleSearch

E-mail

KPN

sluiten Je zoekt service over

> ander onderwerp > vraag stellen via e-mail > contact met helpdesk

sluiten

Wat kun je bij Mijn KPN?

- Je gegevens wijzigen
- Je rekening bekijken
- Je verhuizing regelen
- Je actueel verbruik bekijken

Naar Mijn KPN diensten

Klantenservice vragen, bellen, chatten...
Mijn KPN telefoonrekening, abonnementen...

sluiten

> meer over kpn Interactieve TV

De Telefoongids

Uitzending gemist

Bij boerenk...

Pedo Sytze ...

IDFA Journa...

Door 'vrien...

Expert taxe...

Dexter: Bor...

Het grote V...

Depressie i...

> meer gemiste programma's