Thuis | Zakelijk | Over Ziggo | Vacatures

opties opties

Producten

Producten

Ziggo ook op uw adres?

Heeft u een vraag?

Voor al uw vragen over producten, aanbiedingen en actievoorwaarden.

Geen chat mogelijk door uw cookie instellingen

Klantenservice

Heeft u hulp nodig bij de installatie of heeft u een vraag over het gebruik van uw Ziggo producten en diensten? Ga dan snel naar onze Klantenservice.

naar Klantenservice

Schrijf u nu in voor de Ziggo Nieuwsbrief

Ziggo Digitale Televisie Nieuwsbrief optin

Schrijf u in voor onze nieuwsbrief en ontvang scherpe aanbiedingen en tips.

Lees de laatste nieuwsbrieven

	Februari 2014 Met onder andere: Ziggo wint Tweakers Award, Kijk TV Extra met 50% korting, Win een date met een twist in Barcelona, Maak kans op een souldate met uw soulmate, Met korting naar Holland Zingt Hazes, Verrassingszenders en de Vraag van de Maand. Lees verder
	Januari 2014 Onderwerpen: Blue Monday conference, Overstapweken, HBO met 50% korting, TV Extra voor half geld, FOX Sports 2 International in HD, win VIP-plaatsen voor Ajax-PSV, Film1 GO, Win kaarten voor The Graham Norton Show, Disney Junior-prijsvraag en de Vraag van de Maand. Lees verder
	December 2013 Onderwerpen: Voordeel in december, Onbezorgd mobiel internetten, Win Meet & Greet met Nielson, Het nieuwe fotograferen, Mijn Ziggo ook op kleiner scherm, Christmas Bites met Rudolph en Film1 3 maanden voor € 5 p/m. Lees verder

Aanbiedingen in bovenstaande nieuwsbrief kunnen verlopen zijn. Links naar artikelen kunnen verwijzen naar nieuwere versies van de opgevraagde pagina.

Mijn e-mailinstellingen

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:d="http://www.backbase.com/2006/tdl" xmlns:e="http://www.backbase.com/2006/xel" xmlns:g="http://www.backbase.com/2008/gadget" xmlns:zp="http://www.ziggo.nl/2009/portal" class="zp-gadget-producten" lang="en"> <head> <title>Producten</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta> <g:preferences> <g:preference type="readonly" name="url" default="/"></g:preference> <g:preference type="readonly" name="tab" default=""></g:preference> </g:preferences> </head> <body g:onload="ziggo.gadgets.Producten.createIfNotExists(__GADGET__); __GADGET__.producten.handleLoad(event);" g:onpreferenceModified="ziggo.gadgets.Producten.createIfNotExists(__GADGET__); __GADGET__.producten.handlePreferenceModified(event);" g:onrestore="__GADGET__.producten.handleRestore(event);"> <script type="application/backbase+xml"> <d:namespace name="http://www.ziggo.nl/2009/portal"> <d:behavior name="pheOverstapService"> <d:handler event="click" match=".zp-form-radioFields input" type="application/javascript"><![CDATA[var oTarget = event.currentView; var oRadioFieldsWrapper = bb.selector.queryAncestor(oTarget, '.zp-form-radioFields'); var aInputs = bb.selector.queryAll(oRadioFieldsWrapper, 'input'); var oTelefonieWrapper = bb.selector.queryAncestor(oTarget, '.zp-opzeggen'); var oDeck = bb.selector.query(oTelefonieWrapper, '.zp-overstapservice-deck'); var aDeckItems = bb.selector.queryAll(oDeck, '.zp-overstapservice-deckItem'); for (var i=0; i < aInputs.length; i++) { if (aInputs[i].checked == true) { aDeckItems[i].style.display = 'block'; } else { aDeckItems[i].style.display = 'none'; } };]]></d:handler> </d:behavior> <d:behavior name="pheAdvisoryToolAnswers"> <d:property name="bZiggoClient"></d:property> <d:property name="sZiggoPakket"></d:property> <d:property name="sZiggoPakketAdvice"></d:property> <d:property name="sZiggoPakketFinalAdvice"></d:property> <d:property name="aZiggoAnswers"></d:property> <d:handler event="click" match=".zp-advisory-upsell_flow .zp-advisory-upsell-flow-step.active .zp-advisory-upsell-answer" type="application/javascript"><![CDATA[var oRadioButton, oCurrentStep, oCurrentStepImage, oStartToolButton, oPreviousButton, oNextButton, oRadioButtonLabel; var sImageUrl, sSelectedText, sCurrentStepID, sNextStep, sPreviousStepId, sAdviceId; var bIsZiggoClient; oRadioButton = bb.selector.query(event.currentView, 'input'); if (event.viewTarget.tagName.toLowerCase() != 'input') { oRadioButton.checked = true; } oCurrentStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active'); if (oCurrentStep && oRadioButton) { aRadioButtonLabels = bb.selector.queryAll(oCurrentStep, '.zp-advisory-upsell-answer-input-text'); var i, iMax; for (i=0,iMax=aRadioButtonLabels.length; i < iMax; i++) { bb.command.removeClass(aRadioButtonLabels[i],'selected'); } oRadioButtonLabel = bb.selector.query(event.currentView, '.zp-advisory-upsell-answer-input-text'); if (oRadioButtonLabel) { bb.command.addClass(oRadioButtonLabel,'selected'); } sCurrentStepID = oCurrentStep.getAttribute('step-id'); oCurrentStepImage = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-step-image img'); sImageUrl = oRadioButton.getAttribute('imageurl'); sSelectedText = oRadioButton.getAttribute('selectedtext'); sNextStep = oRadioButton.getAttribute('nextstep'); bIsZiggoClient = oRadioButton.getAttribute('isclient'); sAdviceId = oRadioButton.getAttribute('advice'); if (bIsZiggoClient) { if (bIsZiggoClient != 'no') { this.setProperty('bZiggoClient', true); if (sAdviceId) { this.setProperty('sZiggoPakket', sAdviceId); this.setProperty('sZiggoPakketAdvice', sAdviceId); } } else { this.setProperty('sZiggoPakket', false); this.setProperty('bZiggoClient', false); } } else { this.setProperty('sZiggoPakketAdvice', sAdviceId); } //ziggo.util.smil.animate(oCurrentStepImage,'opacity','1.0','0','500ms'); oCurrentStepImage.src = sImageUrl; //ziggo.util.smil.animate(oCurrentStepImage,'opacity','0','1.0','300ms'); if (sCurrentStepID=='1') { oStartToolButton = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-buttons-start #zp-advisory-upsell-flow-button-start'); if (oStartToolButton) { oStartToolButton.setAttribute('nextStep', sNextStep); } } else { //oPreviousButton = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-buttons #zp-advisory-upsell-flow-button-vorige'); oNextButton = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-buttons #zp-advisory-upsell-flow-button-volgende'); if (oNextButton) { oNextButton.setAttribute('nextStep', sNextStep); sPreviousStepId = oCurrentStep.getAttribute('previousstep'); if (sPreviousStepId) { //oPreviousButton.setAttribute('previousStep', sPreviousStepId); } } } }]]></d:handler> </d:behavior> <d:behavior name="pheAdvisoryToolStart"> <d:handler event="click" match=".zp-advisory-upsell_flow .zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-buttons-start #zp-advisory-upsell-flow-button-start" type="application/javascript"><![CDATA[var oStartButton, oCurrentStep, oNextStep, oStepOverviewNextDot; var sNextStep, sCurrentStepId, sZiggoPakketAdviceId; var aStepOverviewDots, aZiggoAnswersArray; if (event.currentView) { oStartButton = event.currentView; sNextStep = oStartButton.getAttribute('nextStep'); if (sNextStep) { oCurrentStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active'); sCurrentStepId = oCurrentStep.getAttribute('step-id'); oNextStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step[step-id="' + sNextStep + '"]'); if (oNextStep) { sZiggoPakketAdviceId = this.getProperty('sZiggoPakketAdvice'); aZiggoAnswersArray = this.getProperty('aZiggoAnswers') || {}; if (sZiggoPakketAdviceId) { aZiggoAnswersArray[sCurrentStepId] = sZiggoPakketAdviceId; this.setProperty('aZiggoAnswers', aZiggoAnswersArray); } oNextStep.setAttribute('previousStep', oCurrentStep.getAttribute('step-id')); //ziggo.util.smil.animate(oCurrentStep,'opacity','1.0','0','4500ms'); bb.command.removeClass(oCurrentStep,'active'); bb.command.addClass(oNextStep,'active'); //ziggo.util.smil.animate(oNextStep,'opacity','0','1.0','1500ms'); aStepOverviewDots = bb.selector.queryAll(document.body, '.step_dot'); var iNextStep = sNextStep.replace(/\D/g,''); if (aStepOverviewDots.length > 0) { if (sNextStep.indexOf('C') != -1) { for (var i=0, iMax=aStepOverviewDots.length; i < iMax; i++) { bb.command.addClass(aStepOverviewDots[i],' zp-carousel-page-selected'); } } else { for (var i=0, iMax=aStepOverviewDots.length; i < iMax; i++) { var iStep = aStepOverviewDots[i].getAttribute('id'); if (iStep < iNextStep) { bb.command.addClass(aStepOverviewDots[i],' zp-carousel-page-selected'); } } } } } } }]]></d:handler> </d:behavior> <d:behavior name="pheAdvisoryToolPrevious"> <d:handler event="click" match=".zp-advisory-upsell_flow .zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-buttons #zp-advisory-upsell-flow-button-vorige" type="application/javascript"><![CDATA[var oPreviousButton, oCurrentStep, oPreviousStep; var sPreviousStep; if (event.currentView) { oPreviousButton = event.currentView; oCurrentStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active'); sPreviousStep = oPreviousButton.getAttribute('previousstep') || oCurrentStep.getAttribute('previousstep'); if (sPreviousStep) { oPreviousStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step[step-id="' + sPreviousStep + '"]'); if (oPreviousStep) { //ziggo.util.smil.animate(oCurrentStep,'opacity','1.0','0','4500ms'); bb.command.removeClass(oCurrentStep,'active'); bb.command.addClass(oPreviousStep,'active'); oPreviousStep.setAttribute('reviewAnswer', 'true'); //ziggo.util.smil.animate(oPreviousStep,'opacity','0','1.0','1500ms'); } } }]]></d:handler> </d:behavior> <d:behavior name="pheAdvisoryToolNext"> <d:handler event="click" match=".zp-advisory-upsell_flow .zp-advisory-upsell-flow-step.active .zp-advisory-upsell-flow-buttons #zp-advisory-upsell-flow-button-volgende" type="application/javascript"><![CDATA[var oNextButton, oCurrentStep, oNextStep; var sNextStep, sZiggoUserAbonnementId, sZiggoPakketAdviceId, sZiggoPakketFinalAdviceId, sCurrentStepId; var bIsZiggoClient; var aZiggoAnswersArray; if (event.currentView) { oNextButton = event.currentView; sNextStep = oNextButton.getAttribute('nextstep'); if (sNextStep) { oCurrentStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step.active'); sCurrentStepId = oCurrentStep.getAttribute('step-id'); aZiggoAnswersArray = this.getProperty('aZiggoAnswers') || {}; sZiggoPakketAdviceId = this.getProperty('sZiggoPakketAdvice'); if (sZiggoPakketAdviceId) { aZiggoAnswersArray[sCurrentStepId] = sZiggoPakketAdviceId; this.setProperty('aZiggoAnswers', aZiggoAnswersArray); } if (sNextStep.indexOf('C') != -1) { var sBestAdvice, iTmpMemory, a, aMax, aZiggoAnswers = ziggo.util.dom.getKeys(aZiggoAnswersArray), sCurrentArrayIndex; for (a=1, aMax=aZiggoAnswers.length; a < aMax; a++) { sCurrentArrayIndex = aZiggoAnswersArray[aZiggoAnswers[a]]; var iCurrentArrayIndex = sCurrentArrayIndex.replace(/\D/g,''); if (sBestAdvice) { if (iCurrentArrayIndex > iTmpMemory) { sBestAdvice = sCurrentArrayIndex; iTmpMemory = iCurrentArrayIndex; } } else { iTmpMemory = iCurrentArrayIndex; sBestAdvice = sCurrentArrayIndex; } } sZiggoUserAbonnementId = this.getProperty('sZiggoPakket'); if (sZiggoUserAbonnementId) { // AM : klant var iZiggoUserAbonnementId = sZiggoUserAbonnementId.replace(/\D/g,''); var iBestAdvice = sBestAdvice.replace(/\D/g,''); if (iBestAdvice <= iZiggoUserAbonnementId) { oNextStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step[step-id="OVERIG"]'); } if (iBestAdvice > iZiggoUserAbonnementId) { oNextStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step[step-id="' + sBestAdvice + '"]'); } } else { // AM : geen klant oNextStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step[step-id="' + sBestAdvice + 'A"]'); } } else { oNextStep = bb.selector.query(document.body, '.zp-advisory-upsell-flow-step[step-id="' + sNextStep + '"]'); } if (oNextStep) { oNextStep.setAttribute('previousStep', oCurrentStep.getAttribute('step-id')); if (oCurrentStep.getAttribute('reviewAnswer')) { oCurrentStep.removeAttribute('reviewanswer'); } var aRadioButtonsInNextStep = bb.selector.queryAll(oNextStep, '.zp-advisory-upsell-answer input'); for (var i=0, iMax=aRadioButtonsInNextStep.length; i < iMax; i++) { aRadioButtonsInNextStep[i].checked = false; } var oRadioButtonSelectedLabel = bb.selector.query(oNextStep, '.zp-advisory-upsell-answer-input-text.selected'); if (oRadioButtonSelectedLabel) { bb.command.removeClass(oRadioButtonSelectedLabel, 'selected'); } var oNextButtonInNextStep = bb.selector.query(oNextStep, '#zp-advisory-upsell-flow-button-volgende'); if (oNextButtonInNextStep && oNextButtonInNextStep.getAttribute('nextstep')) { oNextButtonInNextStep.removeAttribute('nextstep'); } //ziggo.util.smil.animate(oCurrentStep,'opacity','1.0','0','4500ms'); bb.command.removeClass(oCurrentStep,'active'); bb.command.addClass(oNextStep,'active'); //ziggo.util.smil.animate(oNextStep,'opacity','0','1.0','1500ms'); aStepOverviewDots = bb.selector.queryAll(document.body, '.step_dot'); if (aStepOverviewDots.length > 0) { for (var j=0, jMax = aStepOverviewDots.length; j < jMax; j++) { var iStep = aStepOverviewDots[j].getAttribute('id'); if (iStep <= parseInt(sCurrentStepId)) { bb.command.addClass(aStepOverviewDots[j],' zp-carousel-page-selected'); } } } } } }]]></d:handler> </d:behavior>  <d:behavior name="pheChannelOverview"> <d:property name="activeInstallationFilters" type="array"></d:property> <d:property name="activeFilterType"></d:property> <d:property name="activeFilterValue"></d:property> <d:handler event="click" match="input.zp-channeloverview-checkbox" type="application/javascript">var aActiveInstallationFilters = this.getProperty('activeInstallationFilters'); var sName = event.currentView.name; // Add/remove installationpackage from active filter list, based on checked state of the clicked checkbox if (!event.currentView.checked) { delete aActiveInstallationFilters[bb.array.indexOf(aActiveInstallationFilters, sName)]; } else { aActiveInstallationFilters.push(sName); } this.setProperty('activeInstallationFilters', aActiveInstallationFilters); this.filter();</d:handler>  <d:method name="filter"> <d:body type="application/javascript"><![CDATA[var filterType = this.getProperty('activeFilterType'); var filterValue = this.getProperty('activeFilterValue'); var oChannelOverview = bb.selector.query(this.viewGate, 'div.zp-zenderOverzicht'); var aChannels = bb.selector.queryAll(oChannelOverview, 'tbody tr[installpackages]'); for (var i = 0; i < aChannels.length; i++) { var oChannel = aChannels[i]; var bPackageMatch = false; if (!filterType && !filterValue) { // If filters are empty then package always matches bPackageMatch = true; } else { // Check if the current product matches the package/genre filters var aValues = oChannel.getAttribute(filterType).split('||'); for (var j = 0; j < aValues.length; j++) { if (aValues[j] == filterValue) { bPackageMatch = true; break; } } } // Check if current product matches the installation package filters var sInstallPackages = oChannel.getAttribute('installpackages'); var aActiveInstallationFilters = this.getProperty('activeInstallationFilters'); var bInstallationPackageMatch = this._filterInstallationPackages(sInstallPackages, aActiveInstallationFilters); if (bPackageMatch && bInstallationPackageMatch) { oChannel.style.display = ''; } else { oChannel.style.display = 'none'; } } this.zebrafy(aChannels);]]></d:body> </d:method> <d:method name="_filterInstallationPackages"> <d:argument name="channelInstallationPackages" type="string" required="true"></d:argument> <d:argument name="filters" type="array" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var aInstallationPackages = channelInstallationPackages.split('_'); var bMatch = false; var j, jMax; for (j=0, j=filters.length; j<jMax; j++) { if (!filters[j]) { continue; // @FIXME: Workaround for non-existent items, this should be fixed in the deletion procedure. } if (bb.array.indexOf(aInstallationPackages, filters[j]) != -1) { bMatch = true; break; } } return bMatch;]]></d:body> </d:method> <d:method name="zebrafy"> <d:argument name="tableRows" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var i, iMax, j=0; // j = counter for visible items for (i=0, iMax=tableRows.length; i<iMax; i++) { var oTableRow = tableRows[i]; if (oTableRow.style.display != 'none') { if (++j % 2 != 0) { bb.html.addClass(oTableRow, 'zp-row-odd'); } else { bb.html.removeClass(oTableRow, 'zp-row-odd'); } } };]]></d:body> </d:method> </d:behavior> <d:behavior name="pheChannelOverviewIcons"> <d:property name="activeGenres" type="array"></d:property> <d:handler event="click" match="input.zp-channeloverview-icons-checkbox" type="application/javascript">var oElement = event.currentView; var sName = oElement.getAttribute('genre'); var aActiveGenres = this.getProperty('activeGenres'); if (sName === 'hd') { aActiveGenres = []; if (!oElement.checked) { this.highlightCheckbox(oElement, 'all'); this.filterAll(); } else { this.highlightCheckbox(oElement, 'hd'); this.filterHd(); } } else if (sName === 'all') { aActiveGenres = []; this.highlightCheckbox(oElement, 'all'); this.filterAll(); } else { if (!oElement.checked) { aActiveGenres.remove(bb.array.indexOf(aActiveGenres, sName)); } else { aActiveGenres.push(sName); } this.unsetCheckbox(oElement, 'hd'); this.unsetCheckbox(oElement, 'all'); this.filterGenre(); } this.setProperty('activeGenres', aActiveGenres);</d:handler> <d:method name="highlightCheckbox"> <d:argument name="oElement" type="object" required="true"></d:argument> <d:argument name="sName" type="string" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var oRoot = bb.selector.queryAncestor(oElement, '.zp-channel-genrelist'); var aSiblingCheckboxes = bb.selector.queryAll(oRoot, '.zp-channeloverview-icons-checkbox'); var i, iMax; for (i=0, iMax=aSiblingCheckboxes.length; i < iMax; i++) { aSiblingCheckboxes[i].checked = (aSiblingCheckboxes[i].name === sName); }]]></d:body> </d:method> <d:method name="unsetCheckbox"> <d:argument name="oElement" type="object" required="true"></d:argument> <d:argument name="sName" type="string" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var oRoot = bb.selector.queryAncestor(oElement, '.zp-channel-genrelist'); var aSiblingCheckboxes = bb.selector.queryAll(oRoot, '.zp-channeloverview-icons-checkbox'); var i, iMax; for (i=0, iMax=aSiblingCheckboxes.length; i < iMax; i++) { if (aSiblingCheckboxes[i].name === sName) { if (aSiblingCheckboxes[i].checked) { aSiblingCheckboxes[i].checked = false; } } }]]></d:body> </d:method> <d:handler event="click" match="li.zp-channel-iconlist-icon" type="application/javascript">var oLi = event.currentView; var sChannelId = oLi.getAttribute('channel'); var aLis = bb.selector.queryAll(this.viewGate, 'ul.zp-channel-iconlist li'); var aHighlightChannels = bb.selector.queryAll(this.viewGate, 'div.zp-highlight-box'); this.toggleClass(aLis, oLi, 'zp-channel-iconlist-icon-hover'); this.toggleChannel(aHighlightChannels, sChannelId);</d:handler> <d:method name="toggleClass"> <d:argument name="aList" type="array" required="true"></d:argument> <d:argument name="oItem" type="object" required="true"></d:argument> <d:argument name="sClass" type="string" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var i, iMax; for (i=0, iMax=aList.length; i<iMax; i++) { bb.html.removeClass(aList[i], sClass); } bb.html.addClass(oItem, sClass);]]></d:body> </d:method> <d:method name="toggleChannel"> <d:argument name="aHighlightChannels" type="array" required="true"></d:argument> <d:argument name="sChannelId" type="string" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var sVisibleClass = 'zp-highlight-box-visible'; var sHiddenClass = 'zp-highlight-box-hidden'; var sChannelSelector = '#' + sChannelId; var oSelectedChannel = bb.selector.query(this.viewGate, sChannelSelector); var i, iMax; for (i=0, iMax=aHighlightChannels.length; i<iMax; i++) { bb.html.removeClass(aHighlightChannels[i], sVisibleClass); bb.html.addClass(aHighlightChannels[i], sHiddenClass); } bb.html.removeClass(oSelectedChannel, sHiddenClass); bb.html.addClass(oSelectedChannel, sVisibleClass);]]></d:body> </d:method> <d:method name="filterGenre"> <d:body type="application/javascript"><![CDATA[var oChannelOverview = bb.selector.query(this.viewGate, 'div.zp-channeloverview-icons'); if (oChannelOverview) { var aChannels = bb.selector.queryAll(oChannelOverview, 'ul.zp-channel-iconlist li'); var aActiveGenres = this.getProperty('activeGenres'); var i, iMax; for (i=0, iMax=aChannels.length; i<iMax; i++) { var oChannel = aChannels[i]; if (oChannel !== undefined) { var sChannelGenre = oChannel.getAttribute('genre'); var bGenreMatch = bb.array.indexOf(aActiveGenres, sChannelGenre) != -1; oChannel.style.display = bGenreMatch ? '' : 'none'; } } }]]></d:body> </d:method> <d:method name="filterHd"> <d:body type="application/javascript"><![CDATA[var oChannelOverview = bb.selector.query(this.viewGate, 'div.zp-channeloverview-icons'); if (oChannelOverview) { var aChannels = bb.selector.queryAll(oChannelOverview, 'ul.zp-channel-iconlist li'); var i, iMax; for (i=0, iMax=aChannels.length; i<iMax; i++) { var oChannel = aChannels[i]; if (oChannel !== undefined) { var sChannelHd = oChannel.getAttribute('is_hd'); oChannel.style.display = (sChannelHd === 'Ja') ? '' : 'none'; } } }]]></d:body> </d:method> <d:method name="filterAll"> <d:body type="application/javascript"><![CDATA[var oChannelOverview = bb.selector.query(this.viewGate, 'div.zp-channeloverview-icons'); if (oChannelOverview) { var aChannels = bb.selector.queryAll(oChannelOverview, 'ul.zp-channel-iconlist li'); var i, iMax; for (i=0, iMax=aChannels.length; i<iMax; i++) { var oChannel = aChannels[i]; if (oChannel !== undefined) { oChannel.style.display = ''; } } }]]></d:body> </d:method> </d:behavior> <d:behavior name="pheAutoSuggest"> <d:method name="createSugdiv"> <d:argument name="oRequestinput" type="object" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var oFormwrapper = bb.selector.queryAncestor(oRequestinput, '.zp-regional-channels-input-root'); var oResultsDiv = bb.selector.query(oFormwrapper, '.zp-regional-channels-input-dropdown'); if (oRequestinput.value == '') { oResultsDiv.innerHTML = ''; return; }; var sRequestinputValue = oRequestinput.value; var oJason = oFormwrapper.getElementsByTagName('script')[0]; var aTowns = oJason.parsed || (oJason.parsed = gadgets.json.parse(oJason.text)); var iFound; var iItemss = 0; var aEquall = []; var sMARKUP = ''; var i, iMax; for (i=0, iMax=aTowns.length; i < iMax; i++) { var sEquall = aTowns[i].toLowerCase().match(sRequestinputValue.toLowerCase()); if (iItemss < 5 && (aTowns.length !== (i+1))) { if (sEquall !== null) { aEquall.push(aTowns[i]); iItemss++ }; } else { if (aEquall.length) { for (var j=0; j < aEquall.length; j++) { sMARKUP = sMARKUP + '<li class="zp-regional-channels-autosuggest">'+aEquall[j]+'</li>'; if ((aEquall.length-1) == j) { sMARKUP = '<ul selected="-1" xmlns="http://www.w3.org/1999/xhtml">'+sMARKUP+'</ul>'; }; }; oResultsDiv.innerHTML = ''; var oItemm = bb.html.createElementFromString(sMARKUP); oResultsDiv.appendChild(oItemm); break; } else { oResultsDiv.innerHTML = ''; break; } } };]]></d:body> </d:method> <d:method name="selectSugdivItem"> <d:argument name="oRequestinput" type="object" required="true"></d:argument> <d:argument name="sTowards" type="string" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var oFormwrapper = bb.selector.queryAncestor(oFormwrapper, '.zp-regional-channels-input-root'); var oItemm = bb.selector.query(oFormwrapper, '.zp-regional-channels-input-dropdown ul'); if (!oItemm) { return; }; var aItemmList = bb.selector.queryAll(oItemm, 'li'); var sChoosen = parseInt(oItemm.getAttribute('selected'), 10); if (sTowards == 'down') { if (sChoosen == -1) { bb.html.replaceClass(aItemmList[0], 'zp-regional-channels-autosuggest', 'zp-regional-channels-autosuggest-selected'); oItemm.setAttribute('selected', sChoosen+1); } else if ((sChoosen+1) < aItemmList.length) { bb.html.replaceClass(aItemmList[sChoosen], 'zp-regional-channels-autosuggest-selected', 'zp-regional-channels-autosuggest'); bb.html.replaceClass(aItemmList[sChoosen+1], 'zp-regional-channels-autosuggest', 'zp-regional-channels-autosuggest-selected'); oItemm.setAttribute('selected', sChoosen+1); } } else { if ((sChoosen-1) >= 0) { bb.html.replaceClass(aItemmList[sChoosen], 'zp-regional-channels-autosuggest-selected', 'zp-regional-channels-autosuggest'); bb.html.replaceClass(aItemmList[sChoosen-1], 'zp-regional-channels-autosuggest', 'zp-regional-channels-autosuggest-selected'); oItemm.setAttribute('selected', sChoosen-1); }; }]]></d:body> </d:method> <d:method name="setValueChoosen"> <d:argument name="oRequestinput" type="object" required="true"></d:argument> <d:body type="application/javascript"><![CDATA[var oFormwrapper = bb.selector.queryAncestor(oRequestinput, '.zp-regional-channels-input-root'); var oItemm = bb.selector.query(oFormwrapper, '.zp-regional-channels-input-dropdown ul'); if (!oItemm) { return; }; var aItemmList = bb.selector.queryAll(oItemm, 'li'); var sChoosen = parseInt(oItemm.getAttribute('selected'), 10); if (sChoosen == -1) { return; }; oRequestinput.value = (aItemmList[sChoosen].textContent || aItemmList[sChoosen].innerText); oItemm.parentNode.innerHTML = '';]]></d:body> </d:method> <d:handler event="keydown" match=".zp-regional-channels-input" type="application/javascript"><![CDATA[if (event.keyIdentifier.toLowerCase() == 'enter') { event.preventDefault(); }]]></d:handler> <d:handler event="keyup" match=".zp-regional-channels-input" type="application/javascript"><![CDATA[var oRequestinput = event.currentView; var sKeyDes = event.keyIdentifier.toLowerCase(); if (sKeyDes == 'up' || sKeyDes == 'down') { this.selectSugdivItem(oRequestinput, event.keyIdentifier.toLowerCase()); } else if (sKeyDes == 'enter') { this.setValueChoosen(oRequestinput); } else { this.createSugdiv(oRequestinput); }]]></d:handler> <d:handler event="click" match=".zp-regional-channels-autosuggest" type="application/javascript"><![CDATA[var oSugg = event.currentView; var oFormwrapper = bb.selector.queryAncestor(oSugg, '.zp-regional-channels-input-root'); var oRequestinput = bb.selector.query(oFormwrapper, '.zp-regional-channels-input'); oRequestinput.value = oSugg.innerHTML; var oResultsdropdiv = bb.selector.query(oFormwrapper, '.zp-regional-channels-input-dropdown'); oResultsdropdiv.innerHTML = '';]]></d:handler> </d:behavior> </d:namespace> </script> <div class="zp-columns zp-columns-25-75"> <div class="zp-column-1"> <div class="zp-column-inner">  <div class="zp-box-fade-black"> <div class="zp-box-fade-black-corner zp-box-fade-black-topleft"> <div class="zp-box-fade-black-corner zp-box-fade-black-topright"> <div></div> </div> </div> <div class="zp-box-fade-black-middle"> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="subNavigation"></g:http-proxy-param> <g:http-proxy-param name="rootFolderPath" value="producten/"></g:http-proxy-param> </g:include> </div> <div class="zp-box-fade-black-corner zp-box-fade-black-bottomleft"> <div class="zp-box-fade-black-corner zp-box-fade-black-bottomright"> <div></div> </div> </div> </div>  <div class="zp-channel-hulp"></div>  <div class="zp-box-fade zp-gadget-belMe"> <div class="zp-box-fade-corner zp-box-fade-topleft"> <div class="zp-box-fade-corner zp-box-fade-topright"> <div class="zp-box-fade-topmiddle"></div> </div> </div> <div class="zp-box-fade-middle"> <div class="zp-box-fade-bg zp-belMe-img"> <div class="zp-belMe"> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="CallMeNowRequest"></g:http-proxy-param> <g:http-proxy-param name="context" value="PRODUCTEN"></g:http-proxy-param> </g:include> <div class="zp-clearFloat"></div> </div> </div> </div> <div class="zp-box-fade-corner zp-box-fade-bottomleft"> <div class="zp-box-fade-corner zp-box-fade-bottomright"> <div class="zp-box-fade-bottommiddle"></div> </div> </div> </div>  <div class="zp-box-fade zp-postcodeCheck"> <div class="zp-box-fade-corner zp-box-fade-topleft"> <div class="zp-box-fade-corner zp-box-fade-topright"> <div class="zp-box-fade-topmiddle"></div> </div> </div> <div class="zp-box-fade-middle"> <div class="zp-box-fade-bg"> <h3 style="margin-top:5px;margin-bottom:15px;width:50%">Ziggo ook op uw adres?</h3> <g:include proxy="true"> <g:http-proxy-param name="pipe" value="ProductAvailabilityRequest"></g:http-proxy-param> <g:http-proxy-param name="emptyRequest" value="true"></g:http-proxy-param> </g:include> </div> </div> <div class="zp-box-fade-corner zp-box-fade-bottomleft"> <div class="zp-box-fade-corner zp-box-fade-bottomright"> <div class="zp-box-fade-bottommiddle"></div> </div> </div> </div>  <g:include proxy="true"> <g:http-proxy-param name="pipe" value="livecom_chat"></g:http-proxy-param> <g:http-proxy-param name="emptyRequest" value="true"></g:http-proxy-param> <g:http-proxy-param name="context" value="PRODUCTEN"></g:http-proxy-param> </g:include>  <div class="zp-box-fade zp-gadget-productslink-klantenservice-algemeen" id="klantenserviceLinksAlgemeen"> <div class="zp-box-fade-corner zp-box-fade-topleft"> <div class="zp-box-fade-corner zp-box-fade-topright"> <div class="zp-box-fade-topmiddle"></div> </div> </div> <div class="zp-box-fade-middle"> <div class="zp-box-fade-bg"> <g:include proxy="true" src="/widgets/product-naar-klantenservice/algemeen"> <g:http-proxy-param name="pipe" value="cms"></g:http-proxy-param> </g:include> </div> </div> <div class="zp-box-fade-corner zp-box-fade-bottomleft"> <div class="zp-box-fade-corner zp-box-fade-bottomright"> <div class="zp-box-fade-bottommiddle"></div> </div> </div> </div>  <div class="zp-gadget-productslink-klantenservice-specifiek" id="productslinkKlantenserviceSpecifiek"> <g:include proxy="true" src="${url}"> <g:http-proxy-param name="pipe" value="producten_service_block"></g:http-proxy-param> </g:include> </div> </div> </div> <div class="zp-column-2"> <div class="zp-column-inner"> <g:include proxy="true" src="/producten${url}"> <g:http-proxy-param name="pipe" value="cms"></g:http-proxy-param> <g:http-proxy-param name="tab" value="${tab}"></g:http-proxy-param> </g:include> </div> </div> <div class="zp-columns-clear"></div> </div> </body> </html>