/*** * Standaarden scripts extra-functions.js versie 0010 - 22 oktober 2008. * Helemaal onderaan dit bestand bevindt zich de Body onload code die in iedere template uitgevoerd zal worden, waarin dit script is ingeladen. * Nu hoeft er niet meer in iedere template apart een body onload te worden ingevoerd en zijn alle standaard functies aanwezig. *====== * Dit bestand bevat de volgende functies: *====== * ------ Niet gedefineerde variabelen worden gecontroleerd * ------ getQuery = getQueryVariable('urlParamName'); en loadVariables(); * ------ Cookie scripts = createCookie(); en readCookie(); * ------ HideEmptyImages(); * ------ Iframe resize scripts = adjustIFrameSize(iframeWindowObject);, resizeIframes(); en startResizeIframesTimer(100); * ------ HighlightLocation('header_navigation~content_navigation~footer_navigation'); * ------ changeHighlightLocation('font_switcher','link_current_class',linkObject); * ------ setNewstickerDisplayAt('newsticker_div'); * ------ deleteEmptyImagesAt('images_div'); * ------ createSmoelNavigationAt('smoel_navigation'); * ------ placeDateOfTodayAt('date_displayer'); * ------ identifyFieldOdds('formbuilder_container_div','formbuilder','odd'); * ------ identifyTableOdds('table_id','tbody','tr'); * ------ openClose(linkObject,'link',divObject_toOpen,'tabdiv'); * ------ swapTabView('hidden_content_container_id','1','div_id__text','div_id_1_text','tablinks_container_id',tabLinkObjectToSetActive); * ------ RollOver en RollOut = rollOver(callingObject,targetObject); rollOut(callingObject,targetObject); * ------ createCrumbPathAt('crumbpath_container_id'); * ------ menubuilderCopyActiveLvl2('menubuilder_stylename','destination_id'); * ------ launchImagePopup(picture_url,'img_view_window_name'); <-- Uses mod_popup.htm in templates folder * ------ swapContent(source_id, destination_id); * ------ setFont('font_small','font_switcher',''); <-- Will be added to the classnames of div elements with the class font_proportional * ------ AJAX = ajax = new AJAX(); ajax.execute('url_location_to_retrieve_content','POST',functionObjectToGrantTheRetrievedDataObject); * ------ window.onload = <-- Make sure the is empty in the templates * ------ replaceTildesById(targetId,replaceBy) * ------ replaceTildesByClass(targetsClass,replaceBy) * ------ replaceUnderscoreId(targetsId,replaceBy) * ------ replaceUnderscoreClass(targetsClass,replaceBy) *====== * De volgende variabelen zijn vereist in de template aanwezig te zijn vóór dat dit script ingeladen wordt, dit kan er als volgt uitzien in de template: * * ... * // Externe scripts opstelling // - jQuery voor de standaard functies en aanroepingen, nodig voor de werking van de fade scriptjes etc // - imgFade voor een fade / rouleer script van IMG elementen // - jQuery.newsticker.pack.js voor het faden / rouleren van LI elementen // - extra-functions voor de levering van standaardscript en de controle over andere scripts // - pngfix voor PNG images transparantie support in IE 6 en lager, werkt niet bij background images * ... * */ /*== Check undefineds==*/ if (!timeOut) { var timeOut = false; } if (!googleMapsAvailable) { var googleMapsAvailable = false; } if (!language) { var language = "Nederlands"; } if (!themeId) { var themeId = ""; } if (!themeName) { var themeName = ""; } if (!crumbPath_themeIds) { var crumbPath_themeIds = ""; } if (!crumbPath_themeNames) { var crumbPath_themeNames = ""; } if (!pageId) { var pageId = ""; } if (!pageName) { var pageName = ""; } /*== ==*/ /*== getQuery ==*/ var query = window.location.search.substring(1); var vars = query.split("&"); var varArray = {}; function getQueryVariable(variable) { for (var i=0;i<< vorige'; backUsed = true; } if (smoelPageIds_Array[currentIteratorLocation+1]) { next = 'volgende >>'; nextUsed = true; } if (backUsed && nextUsed) { //separator = ' - '; } objectToCreateNavigationAt.innerHTML = back+''+separator+''+next; } } /*== ==*/ /*== placeDateOfTodayAt ==*/ function placeDateOfTodayAt(id) { if (document.getElementById(id)) { var objectToPlaceDateOfToday = document.getElementById(id); var date = new Date(); var today = date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear(); objectToPlaceDateOfToday.innerHTML = today; } } /*== ==*/ /*== Formbuilder om en om ==*/ function identifyFieldOdds(containerId,elementIdTypes,oddClassNameToAdd) { if (document.getElementById(containerId)) { var elementCounter = 0; var containerObject = document.getElementById(containerId); for (var g=0;g 0) { targetObject.className += ' hover'; } else { targetObject.className = 'hover'; } } } function rollOut(callingObject,targetObject) { if (callingObject && targetObject) { targetObject.className = targetObject.className.replace(/hover/,""); targetObject.className = targetObject.className.replace(/ $/,""); } } /*== ==*/ /*== Kruimelpad script (Vanaf Updater 9 SP3 en hoger) indien lager, dit script uitcommentariseren==*/ function createCrumbPathAt(id) { if (document.getElementById(id) && crumbPath_themeNames && crumbPath_themeIds && themeName && pageName && pageId) { crumbPath_themeNames = crumbPath_themeNames.replace(/[ ][(]NIET VERWIJDEREN[)]/g,""); pageName = pageName.replace(/[ ][(]NIET VERWIJDEREN[)]/g,""); themeName = themeName.replace(/[ ][(]NIET VERWIJDEREN[)]/g,""); crumbPath_themeNames = crumbPath_themeNames.replace(/\* Modules/g,""); pageName = pageName.replace(/\* Modules/g,""); themeName = themeName.replace(/\* Modules/g,""); var printableNavigation = ''; var objectToPlaceCrumbpath = document.getElementById(id); var crumbPath_themeIds_Array = crumbPath_themeIds.split(/~/); var crumbPath_themeNames_Array = crumbPath_themeNames.split(/~/); for (var i=0; i'+crumbPath_themeNames_Array[j]+''; } else { // Voeg alle (sub) thema's toe aan een verzameling met links, evt. opbouw kan hier worden gewijzigd printableNavigation += ''+crumbPath_themeNames_Array[j]+''; } } // Hier wordt de paginatitel als laatste link toegevoegd, evt. opbouw kan hier worden gewijzigd printableNavigation += ' '+pageName+''; // Plaats het samengestelde kruimelpad in het element met het opgegeven ID objectToPlaceCrumbpath.innerHTML = printableNavigation; } } /*== ==*/ /*== menubuilderCopyActiveLvl2 ==*/ function menubuilderCopyActiveLvl2(menuName,destinationId) { if (document.getElementById('submenu')) { var regExp_menuName = new RegExp("-"+menuName+"-"); var regExp_activeLevel2 = new RegExp("smactive2"); var level2Object = false; var destinationObject = document.getElementById('submenu'); for (var i=0; i'+linkNames[k]+'\n'; } destinationObject.innerHTML = toPaste; } } } /*== ==*/ /*== launchImagePopup ==*/ function launchImagePopup(sPicURL,title) { if (sPicURL != "" && !sPicURL.match(/spacer.gif/) && !sPicURL.match(/shownoimg.gif/) && !sPicURL.match(/dot.gif/)) { window.open('/data/templates/mod_popup.htm?'+sPicURL,title,"width=200,height=200,scrollbars=no,toolbar=no,location=no,resizable=yes"); } } /*== ==*/ /*== swapContent ==*/ function swapContent(sourceId,destinationId) { if (document.getElementById(sourceId) && document.getElementById(destinationId)) { document.getElementById(destinationId).innerHTML = document.getElementById(sourceId).innerHTML; } } /*== ==*/ /*== setFont ==*/ // Wanneer er nog geen font aanwezig is in de cookie wordt deze automatisch toegewesen aan alle divs met de classname font_proportional var initial_font = "font_small"; //font_small, normal_font, font_big zorg dat deze tekst niet overruled wordt door andere classes function setFont(font,fontSwitcherContainerId,fontSwitcherLinkCurrentClassName) { var fontSwitch_smallId = 'ft_small'; var fontSwitch_normalId = 'ft_normal'; var fontSwitch_bigId = 'ft_big'; if (!font || font == "") { font = readCookie("fontType"); } else { font = font; } if (!font || font == "") { font = initial_font; createCookie("fontType",initial_font,366); } else { createCookie("fontType",font,366); } if (document.getElementById(fontSwitcherContainerId)) { var containerObject = document.getElementById(fontSwitcherContainerId); for (var u=0; u #" + document.getElementsByTagName("div")[i].id + "\n"; document.getElementsByTagName("div")[i].className += " " + font; } } } //alert(debugCollection); //debugging, handig om te weten welke elementen hij aanpast //javascript:alert(createCookie('fontType','',-1)); <-- Put this in URL to clear the cookie } /*== ==*/ /*== AJAX ==*/ /** * AJAX class v0.02 developed by Pimmos * This function has been created to aid in working with the new technology called AJAX * © 10-2008 **/ var browserType = navigator.appName; function AJAX() { // Predefine the XMLHTTP object this.XMLHTTPObject = false; // Define the functions withing this class this.returnXMLHTTPObject = function() { var returnedObject = false; if (browserType.indexOf("Microsoft Internet Explorer") != -1) { try { returnedObject = new ActiveXObject("Msxml2.XMLHTTP"); this.getObjectFunction = function() { return new XMLHttpRequest; }; } catch (e1) { // first method failed try { returnedObject = new ActiveXObject("Microsoft.XMLHTTP"); this.getObjectFunction = function() { return new ActiveXObject(msxml[i]); }; } catch (e2) { // both methods failed } } } else if (browserType.indexOf("Netscape") != -1) { returnedObject = new XMLHttpRequest(); } else if (browserType.indexOf("Opera") != -1) { returnedObject = new XMLHttpRequest(); } return returnedObject; } // Predefine variables within this class this.XMLHTTPObject = this.returnXMLHTTPObject(); this.getReadyStateHandler = function(XMLHTTPObject,responseHandler) { return function () { if (XMLHTTPObject.readyState == 4) { if (XMLHTTPObject.status == 200) { responseHandler(XMLHTTPObject.responseText); } } } } this.execute = function(url,method,responseHandler) { this.XMLHTTPObject = this.returnXMLHTTPObject(); if (this.XMLHTTPObject) { var firstParam = "?"; if (url.match(/[?]/)) { firstParam = "&"; } var math = ""+firstParam+"requestId=" + Math.round(Math.random(10000000000)*10000000000); var query = url + math; var callbackHandler = this.getReadyStateHandler(this.XMLHTTPObject,responseHandler); this.XMLHTTPObject.onreadystatechange = callbackHandler; if (method == "GET") { this.XMLHTTPObject.open(method,query,true); this.XMLHTTPObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); this.XMLHTTPObject.send(null); } else if (method == "POST") { this.XMLHTTPObject.open(method,url,true); this.XMLHTTPObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); this.XMLHTTPObject.send(query); } } } } function ajaxResponseHandler_Practise(XMLHTTPObjectResponse) { var data = eval('(' + XMLHTTPObjectResponse + ')'); if (document.getElementById('zoekresultaten_pageid')) { document.getElementById('zoekresultaten_pageid').innerHTML = data.configuratie[0].modules[0].zoekresultaten_pageid[0].talen.engels; } } /*== ==*/ /*== ReplaceTildesById ==*/ function replaceTildesById(targetId,replaceBy) { if (document.getElementById(targetId)) { var targetElement = document.getElementById(targetId); targetElement.innerHTML = targetElement.innerHTML.replace(/~/gi,replaceBy); } } /*== ==*/ /*== ReplaceUnderscoreById ==*/ function replaceUnderscoreById(targetId,replaceBy) { if (document.getElementById(targetId)) { var targetElement = document.getElementById(targetId); targetElement.innerHTML = targetElement.innerHTML.replace(/_/gi,replaceBy); } } /*== ==*/ /*== ReplaceTildesByClass ==*/ function replaceTildesByClass(targetsClass,replaceBy) { for (var i=0; i'); replaceTildesByClass('expertisesLoop',', '); replaceUnderscoreById('replaceTilde',' '); replaceUnderscoreByClass('expertisesLoop',' '); setHeaderImage(); //HighlightLocation(); /*ajax = new AJAX(); ajax.execute('/cms/publish/content/showpage.asp?pageid=147','GET',ajaxResponseHandler_Practise);*/ /*createSmoelNavigationAt("smoel_nav"); deleteEmptyImagesAt("fade_image"); setNewstickerDisplayAt("newsticker_wrapper"); createCrumbPathAt("crumb_path_margins"); startResizeIframesTimer(100);*/ /*$('#fade_image').cycle({ fx: 'fade', speed: 2500 }); $('#newsticker').newsticker();*/ } /*== ==*/