/*** * Standaarden scripts extra-functions.js versie 001 - 27 november 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. * v0001 = Google Maps functies opnieuw geschreven * v0001 = prototype rev toegevoegd * v0001 = prototype functie replaceLast(string,'to replace','to replace with'); toegevoegd * v0001 = prototypes sectie toegevoegd * v0001 = setLastMenubuilderItem functie om de laatste item van level 1 een extra class mee te geven * v0001 = in voorbeeldcode script type swfobject toegevoegd * v0001 = window.onload example loadMapGadget * v0001 = GoogleMapsCode added *====== * 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); * ------ setLastMenubuilderItem("containerId","classToAddToLastItem"); * ------ GoogleMapsCode * ------ window.onload = <-- Make sure the is empty in the templates *====== * 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 * ... * */ /*== Prototypes ==*/ String.prototype.rev = function() { return this.split('').reverse().join(''); }; /*= replaceLast(string,'to replace','to replace with'); =*/ function replaceLast(s,from,to) { return s.rev().replace(new RegExp(from.rev()),to.rev()).rev(); }; /*= =*/ /*== ==*/ /*== 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,""); crumbPath_themeNames = crumbPath_themeNames.replace(/^~/,""); crumbPath_themeNames = crumbPath_themeNames.replace(/~$/,""); var printableNavigation = ''; var objectToPlaceCrumbpath = document.getElementById(id); var crumbPath_themeIds_Array = crumbPath_themeIds.replace(/^~/,""); crumbPath_themeIds_Array = crumbPath_themeIds.replace(/~$/,""); var crumbPath_themeIds_Array = crumbPath_themeIds.split(/~/); var crumbPath_themeNames_Array = crumbPath_themeNames.split(/~/); for (var i=0; i'+crumbPath_themeNames_Array[j]+''; } else if (j == crumbPath_themeNames_Array.length-1) { if (pageName == themeName && themeId == crumbPath_themeIds_Array[crumbPath_themeIds_Array.length-1]) { // Voeg alle (sub) thema's toe aan een verzameling met links, evt. opbouw kan hier worden gewijzigd printableNavigation += ''+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]+''; } } else { // Voeg alle (sub) thema's toe aan een verzameling met links, evt. opbouw kan hier worden gewijzigd printableNavigation += ''+crumbPath_themeNames_Array[j]+''; } } if (pageName.toLowerCase().match(themeName.toLowerCase()) && themeId == crumbPath_themeIds_Array[crumbPath_themeIds_Array.length-1]) { // Als het themeId waar we op ons bevinden gelijk is aan het laatste themeId in het kruimelpad en de naam van de pagina gelijk is aan het thema naam, hoeft er geen pagina link toegevoegd te worden printableNavigation = replaceLast(printableNavigation,''+pageName+''; } // Plaats het samengestelde kruimelpad in het element met het opgegeven ID objectToPlaceCrumbpath.innerHTML = printableNavigation; } } /*== ==*/ /*== menubuilderCopyActiveLvl2 ==*/ function menubuilderCopyActiveLvl2(menuName,destinationId) { if (document.getElementById(destinationId)) { var regExp_menuName = new RegExp("-"+menuName+"-"); var regExp_activeLevel2 = new RegExp("smactive2"); var level2Object = false; var destinationObject = document.getElementById(destinationId); 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; } } /*== ==*/ /*== setLastMenubuilderItem("containerId","classToAddToLastItem"); ==*/ function setLastMenubuilderItem(containerId,classToAddToLastItem) { if (document.getElementById(containerId)) { var containerElement = document.getElementById(containerId); var itemCollection = []; for (var i=0; i