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

Ziggo op uw adres?

Voer links onderaan de pagina uw postcode en huisnummer in om te controleren of Ziggo beschikbaar is op uw adres.

Mijn producten

Mijn gegevens

Mijn e-mailinstellingen

Mijn facturen

Mijn orders

<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>

Producten

Entertainment

Klantenservice

Tv-gids

Bel mij

Ziggo ook op uw adres?

Heeft u een vraag?

Klantenservice

Ziggo op uw adres?

Producten

Entertainment

Klantenservice

Mijn Ziggo

Postcode	Huisnr.

Producten

Entertainment

Klantenservice

Tv-gids

Bel mij

Ziggo ook op uw adres?

Heeft u een vraag?

Klantenservice

Ziggo op uw adres?

Producten

Entertainment

Klantenservice

Mijn Ziggo

Mis nooit een aanbieding

Social Media

Andere websites van Ziggo

Webmail