Hello all,
With the following code I can get it to work when I use text for the link, however I cannot get it to work using an image.
Any suggestions?
The page I am working on is at [url]http://www.welcometothecommunity.com/PuebloWest/indexpueblo.html
[CODE]addEvent(window, ‘load’, et_init);
var et_swapElements = [];
/* Initialisation */
function et_init() {
var i, link, id, target, first;
first = true;
for (i = 0; (link = document.links[i]); i++) {
if (/bswapb/.exec(link.className)) {
id = link.href.split(‘#’)[1];
target = document.getElementById(id);
et_swapElements[et_swapElements.length] = target;
if (first) {
first = false;
} else {
target.style.display = ‘none’;
}
link.onclick = et_swap;
}
}
}
function et_swap(e) {
if (typeof e == ‘undefined’) {
var e = window.event;
}
var source;
if (typeof e.target != ‘undefined’) {
source = e.target;
} else if (typeof e.srcElement != ‘undefined’) {
source = e.srcElement;
} else {
return true;
}
/* For most browsers, targ would now be a link element; Safari however
returns a text node so we need to check the node type to make sure */
if (source.nodeType == 3) {
source = source.parentNode;
}
var id = source.href.split(‘#’)[1];
var elem;
for (var i = 0; (elem = et_swapElements[i]); i++) {
if (elem.id != id) {
elem.style.display = ‘none’;
} else {
elem.style.display = ‘block’;
}
}
return false;
}
function addEvent(obj, evType, fn){
if (obj.addEventListener) {
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent) {
var r = obj.attachEvent(“on”+evType, fn);
return r;
} else {
return false;
}
}