/*** * Standaarden scripts extra-functions.js versie 0011 - 28 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. * v0011 = window.onload example loadMapGadget * v0011 = GoogleMapsCode added *====== * Dit bestand bevat de volgende functies: *====== * ------ Niet gedefineerde variabelen worden gecontroleerd * ------ MM_Refresh = refresh webpage * ------ 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); * ------ 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 * ... * */ /*== Check undefineds==*/ if (!timeOut) { var timeOut = 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 = ""; } /*== ==*/ /*== ==*/ function MM_Refresh() { window.location.reload() } /*== ==*/ /*== 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; } } /*== ==*/ /*== GoogleMapsCode ==*/ if (!googlemaps_key) { var googlemaps_key = ""; } /** * The map object, null until script loads in. * @type {GMap2} */ var map = null; /** * The bounds of the markers once loaded in. * @type {GLatLngBounds} */ var bounds = null; /** * The marker with currently opened info window. * @type {GMarker} */ var currentMarker = null; /** * The dom element that the map is loaded into * @type {Element} */ var mapDiv = null; /** * The dom element that everything is a child of. * @type {Element} */ var containerDiv = null; /** * Position of mouse click (clientX) on map div when in static mode. * @type {Number} */ var clickedX = 0; /** * Position of mouse click (clientY) on map div when in static mode. * @type {Number} */ var clickedY = 0; /** * Indicates whether we've created a script tag with Maps API yet * @type {Boolean} */ var isLoaded = false; /** * Called after script is asynchronously loaded in. * Creates the GMap2, GMarker objects and performs actions according to * what the user did to trigger the map load (search, zoom, click etc). */ function loadMap() { if (GBrowserIsCompatible()) { mapDiv.style.background = '#fff'; mapDiv.style.cursor = ''; map = new GMap2(mapDiv, {logoPassive: true}); bounds = new GLatLngBounds(); for (var i = 0; i < (businesses.length-1); i++) { bounds.extend(new GLatLng(businesses[i].lat, businesses[i].lng)); } var latSpan = bounds.toSpan().lat(); map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds)); // The static map server gives markers more space when calculating // bounds and zoom level, so sometimes the API will give a higher // zoom level than was used by the static map server. // The .98 value is just a guess right now, may need tweaking. var newBounds = map.getBounds(); var newLatSpan = newBounds.toSpan().lat(); if (latSpan/newLatSpan > .90) { map.zoomOut(); } for (var i = 0; i < (businesses.length-1); i++) { var marker = createMarker(i); var latlng = marker.getLatLng(); var pixel = map.fromLatLngToDivPixel(latlng); if (Math.abs(pixel.x - clickedX) < 12 && Math.abs(pixel.y - clickedY) < 20) { //GEvent.trigger(marker, 'click'); } map.addOverlay(marker); } } } /** * Zooms to the viewport that fits all the markers. */ function zoomToAll() { map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds)); } /** * Creates a marker for the given business. * @param {Number} ind * @return {GMarker} */ function createMarker(ind) { var business = businesses[ind]; var marker = new GMarker(new GLatLng(business.lat, business.lng)); GEvent.addListener(marker, 'click', function() { marker.html = ['', business.name, '
', business.street, '
', business.city, ',', business.state, ' ', business.zip, '
', business.phone, '

', 'Routeplanner: ', 'hier naar toe - ', ' hier vandaan
', 'Bekijk alle locaties'].join(''); currentMarker = marker; marker.openInfoWindowHtml(marker.html); }); return marker; } /** * Formats business info into a URL-friendly version for maps url. * @param {Object} business * @return {String} */ function formatAddressForMaps(business) { var address = business.street + ' ' + business.city + ' ' + business.state + ' ' + business.zip; return escape(address.replace(' ', '+')); } /** * Convenience function for creating an element and assigning an id to it. * @param {String} elementType * @param {String} id * @return {Element} */ function _cel(elementType, id) { var element = document.createElement(elementType); element.id = id; return element; } /** * Loads in the Maps API script. This is called after some sort of user interaction. * The script loads asynchronously and calls loadMap once it's in. */ function loadScript() { if (!isLoaded) { isLoaded = true; var div = document.createElement('div'); div.className = 'message'; div.innerHTML = 'Loading...'; div.style.left = (500/2 - 53) + 'px'; div.style.top = 500/2 + 'px'; mapDiv.appendChild(div); var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://maps.google.com/maps?file=api&v=2.x&async=2&callback=loadMap&key='+googlemaps_key; document.body.appendChild(script); } } /** * Sets up the gadget by setting CSS and click events. */ function loadMapGadget(containerId,mapId) { if (document.getElementById(containerId) && document.getElementById(mapId)) { containerDiv = document.getElementById(containerId); mapDiv = document.getElementById(mapId); mapDiv.onclick = function (e) { clickedX = (window.event && window.event.offsetX) || e.clientX; clickedY = (window.event && window.event.offsetY) || e.clientY; loadScript(); }; mapDiv.style.cursor = 'pointer'; var urlString = ['http://maps.google.com/staticmap?markers=']; var markerString = []; for (var i = 0; i < (businesses.length -1); i++) { markerString.push(businesses[i].lat + ',' + businesses[i].lng + ',red'); } //alert(markerString); urlString.push(markerString.join('|')); urlString.push('&size=500x300'); urlString.push('&key='+googlemaps_key); mapDiv.style.background = 'url(\'' + urlString.join('') + '\')'; } } /*== ==*/ /*---== Custom functions ==---*/ /*== checkVisited ==*/ function checkVisited() { var oostpoortVisited = "false"; if (readCookie("oostpoortVisited")) { oostpoortVisited = readCookie("oostpoortVisited"); } else { createCookie("oostpoortVisited","true",100); } return oostpoortVisited; } /*== ==*/ /*== Body onload ==*/ window.onload = function(e) { HideEmptyImages(); // Standaard functie //HighlightLocation(); //loadMapGadget('googlemaps_container','googlemaps_map'); /*ajax = new AJAX(); ajax.execute('/cms/publish/content/showpage.asp?pageid=147','GET',ajaxResponseHandler_Practise);*/ /*createSmoelNavigationAt("smoel_nav"); deleteEmptyImagesAt("fade_image"); setNewstickerDisplayAt("newsticker_wrapper"); placeDateOfTodayAt("date_today"); createCrumbPathAt("crumb_path_margins"); startResizeIframesTimer(100);*/ /*$('#fade_image').cycle({ fx: 'fade', speed: 2500 }); $('#newsticker').newsticker();*/ } /*== ==*/