Posted By

1man on 02/03/07

Tagged

Versions (?)

Last Edited at 02/03/07 03:33pm

Statistics

Viewed 564 times

Favorited by 2 user(s)

Related snippets

Full Gallery JS Tutorial

/ Published in: JavaScript

Not really relevant to anybody else. Full unobtrusive js file for a simple gallery. From DOM Scripting by Jeremy Keith (superb book, highly recommend it for anyone looking to move into DOM scripting)

Highlighted TextExpand

//This function allows you to queue up functions to be executed.
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
		} else {
			window.onload = function() {
				oldonload();
				func();
				}
	}
}
//create function, it expects 2 values.
function insertAfter(newElement,targetElement) {
	//target is what you want it to go after. Look for this elements parent.
	var parent = targetElement.parentNode;
	
	//if the parents lastchild is the targetElement...
	if(parent.lastchild == targetElement) {
		//add the newElement after the target element.
		parent.appendChild(newElement);
		} else {
		// else the target has siblings, insert the new element between the target and it's next sibling.
		//syntax for insertBefore: parentElement.insertBefore(newElement, targetElement);
		parent.insertBefore(newElement, targetElement.nextSibling);
		}
}

function preparePlaceholder() {
		//checks to make the script degrade if methods not supported.
		if(!document.createElement) return false;
		if(!document.createTextNode) return false;
		if(!document.getElementById) return false;
		if(!document.getElementById("list")) return false;
		
		var imageElement = document.createElement("img");
		imageElement.setAttribute("src","images/placeholder.jpg");
		imageElement.setAttribute("id", "placeholder");
		imageElement.setAttribute("alt", "Placeholder image");
		
		var descriptionPara = document.createElement("p");
		descriptionPara.setAttribute("id", "description");
		var desText = document.createTextNode("This is a description.");
		descriptionPara.appendChild(desText);
	
		//uses the insertAfter function above.
		var gallery = document.getElementById("list");//grab the ul list.
		insertAfter(imageElement,gallery);//insert the placeholder AFTER the list.
		insertAfter(descriptionPara, imageElement);//insert the description AFTER the placeholder image.
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.