Skip to content

Instantly share code, notes, and snippets.

@helanan
Last active August 29, 2016 20:10
Show Gist options
  • Save helanan/c46305a8faa76cd8762d40b19a59607d to your computer and use it in GitHub Desktop.
Save helanan/c46305a8faa76cd8762d40b19a59607d to your computer and use it in GitHub Desktop.
Testing Javascript
function(){
var links = document.querySelectorAll(".itemLinks");
var wrapper = document.querySelector("#wrapper");
var activeLink = 0;
for (var i = 0; i < links.length; i+++) {
var link = links[i];
link.addEventListener('click', setClickedItem, false);
link.itemID = i;
}
links[activeLink].classList.add("active");
function setClickedItem(e) {
removeActiveLinks();
var clickedLink = e.target;
activeLink = clickedLink.itemID;
changePosition(clickedLink);
}
function removeActiveLinks() {
for (var i = 0; i < links.length; i++) {
links[i].classList.remove("active");
}
}
function changePosition(link) {
var position = link.getAttribute("data-pos");
wrapper.style.left = position;
link.classList.add("active");
}
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment