content.
we do this using an ability to get/change the content of a page element
that we can find: innerHTML. */
document.getElementById('plaatsen').innerHTML = response;
}
}
//Functie om de kaart te switchen
var _img = new Array();
_img[0] = new Image(); _img[0].src="/pics/kaartselector/kaart.gif";
_img[1] = new Image(); _img[1].src="/pics/kaartselector/westerveld.gif";
_img[2] = new Image(); _img[2].src="/pics/kaartselector/meppel.gif";
_img[3] = new Image(); _img[3].src="/pics/kaartselector/dewolden.gif";
_img[4] = new Image(); _img[4].src="/pics/kaartselector/hoogeveen.gif";
_img[5] = new Image(); _img[5].src="/pics/kaartselector/middendrenthe.gif";
_img[6] = new Image(); _img[6].src="/pics/kaartselector/coevorden.gif";
_img[7] = new Image(); _img[7].src="/pics/kaartselector/emmen.gif";
_img[8] = new Image(); _img[8].src="/pics/kaartselector/borgerodoorn.gif";
_img[9] = new Image(); _img[9].src="/pics/kaartselector/aaenhunze.gif";
_img[10] = new Image(); _img[10].src="/pics/kaartselector/assen.gif";
_img[11] = new Image(); _img[11].src="/pics/kaartselector/tynaarlo.gif";
_img[12] = new Image(); _img[12].src="/pics/kaartselector/noordenveld.gif";
function SwitchMap(_obj)
{
if(!_obj)return;
var _index = _obj.selectedIndex;
if(!_index)return;
var _item = _obj[_index].value;
if(!_item)return;
if(_item<0 || _item >=_img.length)return;
document.images["kaart"].src=_img[_item].src;
}
//Regio selector
var _imgregio = new Array();
_imgregio[0] = new Image(); _imgregio[0].src="/pics/kaartselector/kaartregio.gif";
_imgregio[1] = new Image(); _imgregio[1].src="/pics/kaartselector/noordenmidden.gif";
_imgregio[2] = new Image(); _imgregio[2].src="/pics/kaartselector/zuidwest.gif";
_imgregio[3] = new Image(); _imgregio[3].src="/pics/kaartselector/zuidoost.gif";
function SwitchMapRegio(_objregio)
{
if(!_objregio)return;
var _index = _objregio.selectedIndex;
if(!_index)return;
var _item = _objregio[_index].value;
if(!_item)return;
if(_item<0 || _item >=_imgregio.length)return;
document.images["regiokaart"].src=_imgregio[_item].src;
}
//Standaard rollover script
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
//usage: a href="#">
// Preload & mouse swapping images
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeimages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i
//Stripe them tables
// this function is needed to work around
// a bug in IE related to element attributes
function hasClass(obj) {
var result = false;
if (obj.getAttributeNode("class") != null) {
result = obj.getAttributeNode("class").value;
}
return result;
}
function stripe(id) {
// the flag we'll use to keep track of
// whether the current row is odd or even
var even = false;
// if arguments are provided to specify the colours
// of the even & odd rows, then use the them;
// otherwise use the following defaults:
var evenColor = arguments[1] ? arguments[1] : "#fff";
var oddColor = arguments[2] ? arguments[2] : "#eee";
// obtain a reference to the desired table
// if no such table exists, abort
var table = document.getElementById(id);
if (! table) { return; }
// by definition, tables can have more than one tbody
// element, so we'll have to get the list of child
// <tbody>s
var tbodies = table.getElementsByTagName("tbody");
// and iterate through them...
for (var h = 0; h < tbodies.length; h++) {
// find all the <tr> elements...
var trs = tbodies[h].getElementsByTagName("tr");
// ... and iterate through them
for (var i = 0; i < trs.length; i++) {
// avoid rows that have a class attribute
// or backgroundColor style
if (! hasClass(trs[i]) &&
! trs[i].style.backgroundColor) {
// get all the cells in this row...
var tds = trs[i].getElementsByTagName("td");
// and iterate through them...
for (var j = 0; j < tds.length; j++) {
var mytd = tds[j];
// avoid cells that have a class attribute
// or backgroundColor style
if (! hasClass(mytd) &&
! mytd.style.backgroundColor) {
mytd.style.backgroundColor =
even ? evenColor : oddColor;
}
}
}
// flip from odd to even, or vice-versa
even = ! even;
}
}
}
// Checks the forms for correct input
function checkformdrenthekaart ( form )
{
var formObj = document.forms[0];
var count = 0;
for (i=0;i2){
alert("U kunt maximaal 2 iconen selecteren");
return false;
}
if(!box.checked) return true;
// get ref to collection // see Alt:
var boxes = document.getElementsByName(box.name);
// count checked
var cb, count=0, k=0;
while(cb=boxes[k++])
if(cb.checked && ++count>1){
document.forms[0].tweedeicoon.disabled = false
document.forms[0].tweedeicoon.checked = true
return true;
}
if(!box.checked) return true;
// get ref to collection // see Alt:
var boxes = document.getElementsByName(box.name);
// count checked
var cb, count=0, k=0;
while(cb=boxes[k++])
if(cb.checked && ++count<2){
document.forms[0].tweedeicoon.disabled = false
document.forms[0].tweedeicoon.checked = false
return true;
}
return true;
}
// Preload & mouse swapping images
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
//
// pause(numberMillis)
// Pauses code execution for specified time. Uses busy code, not good.
// Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602
//
function pause(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;
}
}
//
// showLightbox()
// Preloads images. Pleaces new image in lightbox then centers and displays.
//
function showLightbox(objLink)
{
// prep objects
var objOverlay = document.getElementById('overlay');
var objLightbox = document.getElementById('lightbox');
var objCaption = document.getElementById('lightboxCaption');
var objImage = document.getElementById('lightboxImage');
var objLoadingImage = document.getElementById('loadingImage');
var arrayPageSize = getPageSize();
var arrayPageScroll = getPageScroll();
// center loadingImage if it exists
if (objLoadingImage) {
objLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2) + 'px');
objLoadingImage.style.left = (((arrayPageSize[0] - 20 - objLoadingImage.width) / 2) + 'px');
objLoadingImage.style.display = 'block';
}
// set height of Overlay to take up whole page and show
objOverlay.style.height = (arrayPageSize[1] + 'px');
objOverlay.style.display = 'block';
// preload image
imgPreload = new Image();
imgPreload.onload=function(){
objImage.src = objLink.href;
// center lightbox and make sure that the top and left values are not negative
// and the image placed outside the viewport
var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - imgPreload.height) / 2);
var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload.width) / 2);
objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px";
objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px";
if(objLink.getAttribute('title')){
objCaption.style.display = 'block';
objCaption.style.width = imgPreload.width + 'px';
objCaption.innerHTML = objLink.getAttribute('title');
} else {
objCaption.style.display = 'none';
}
// A small pause between the image loading and displaying is required with IE,
// this prevents the previous image displaying for a short burst causing flicker.
if (navigator.appVersion.indexOf("MSIE")!=-1){
pause(250);
}
//objLoadingImage.style.display = 'none';
objLightbox.style.display = 'block';
// After image is loaded, update the overlay height as the new image might have
// increased the overall page height.
arrayPageSize = getPageSize();
objOverlay.style.height = (arrayPageSize[1] + 'px');
return false;
}
imgPreload.src = objLink.href;
}
//
// hideLightbox()
//
function hideLightbox()
{
// get objects
objOverlay = document.getElementById('overlay');
objLightbox = document.getElementById('lightbox');
// hide lightbox and overlay
objOverlay.style.display = 'none';
objLightbox.style.display = 'none';
}
//
// initLightbox()
// Function runs on window load, going through link tags looking for rel="lightbox".
// These links receive onclick events that enable the lightbox display for their targets.
// The function also inserts html markup at the top of the page which will be used as a
// container for the overlay pattern and the inline image.
//
function initLightbox()
{
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName("a");
// loop through all anchor tags
for (var i=0; i
// ![]()
//