// JavaScript Document // SCRIPT PAGE FOR NAVIGATION ON THE LEFT SIDE // NO NEED TO MAKE CHANGES BELOW // THE ONLY PLACE TO MAKE CHANGES IS DOWN UNDER AT THE SPECIFIED LOCATION // THIS IS ONLY TO ADD PAGES THAT SHOULDN'T LOAD ANY HIGHLIGHTS // Set cookie script met volgende parameters: // - cookienaam, - cookiewaarde en geldigheidsduur // when editing the script, don't edit the cookie part below function setCookie(c_name,value,expiredays) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : "; expires="+exdate.toGMTString()); } // Get cookie script : haalt waarde op uit de cookie (naam megeven in parameter) function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start=c_start + c_name.length+1 ; c_end=document.cookie.indexOf(";",c_start); if (c_end==-1) c_end=document.cookie.length return unescape(document.cookie.substring(c_start,c_end)); } } return "" } // end cookie part // NAVIGATION SCRIPT // Toont hover versie van de knop met parameter nummer van de knop (wordt bepaald door het id. Bvb id='knop1') // Er wordt gewerkt met een background-image die verschuift, hover versie is dus zelfde achtergrond beeld dat schuift over de link achtergrond a{background-image: ...}, wordt opgeroepen met id van deze link // zet cookie voor als de pagina herladen wordt, die knop die actief was zal actief blijven dankzij de functie controle_menu(); // Alle andere knoppen die actief(hover layout) zouden zijn, zijn niet langer actief (hover layout). function maakzichtbaar(menunum){ for(i=1;i<15;i++){ menuDiv='knop'+i ; ypos=(i-1)*(-37); pos1="-136px "+ypos+"px"; pos2="0px "+ypos+"px"; if(i==menunum){ document.getElementById(menuDiv).style.backgroundPosition=pos1; setCookie('essentie_menu',menunum); } else { try{ document.getElementById(menuDiv).style.backgroundPosition=pos2; }catch(err){} } } } // FUNCTIE DIE ALLE HIGHLIGHTS ONZICHTBAAR MAAKT function maakonzichtbaar(){ for(i=1;i<15;i++){ menuDiv='submenu'+i ; // Cookie wordt aangemaakt/aangepast met volgende parameters: // Naam van de cookie: essentie_menu // Waarde die er moet inkomen: 0 (toon geen submenu) // Eventueel kan je nog aantal dagen meegeven dat de cookie mag blijven bestaan. // Nu wordt dit niet geset, dus wordt de cookie leeg gemaakt als de browser wordt gesloten. ypos=(i-1)*(-37); pos1="-136px "+ypos+"px"; pos2="0px "+ypos+"px"; setCookie('essentie_menu',0); document.getElementById(menuDiv).style.backgroundPosition=pos1; }} // FUNCTION TO GET A VALUE OUT OF AN URL VARIABLE (value in querystring) // name = name of variable you want to get the value of // you need to specify it when calling upon the function (see function controle_menu() function gup( name ) { name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( window.location.href ); if( results == null ) return ""; else return results[1]; } // FUNCTIE DIE CONTROLEERT WELKE KNOP MOET GEHIGHLIGHT WORDEN BIJ (HER)LADEN PAGINA // Don't forget (in order to get this function working) to add to your html page function controle_menu(){ // PAGES THAT SHOULDN'T HIGHLIGHT ANY MENUBUTTONS // loads function gup with parameter f, this function will check which page is loaded. // to add one, just make an extra else if statement (copy the else if ...) var querystring_param = gup( 'f' ); if (querystring_param=="pers.htm") {} // ---- ADD HERE EXTRA PAGES THAT SHOULD BE EXCLUDED ---- // (no highlights on any of the menu buttons) else if (querystring_param=="bestelformulier.html") {} else if (querystring_param=="b2b_bedanking.htm") {} // ---- END EXTRA PAGES THAT SHOULD BE EXCLUDED ---- // if the highlights are allowed to load: else { essentie_menu=getCookie('essentie_menu'); if (essentie_menu!=0) { maakzichtbaar(essentie_menu); } } }