Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (function(){
- "use strict";
- var container = document.querySelector('.scroll'),
- hrefs = document.querySelectorAll('a'),
- textWrapper = document.querySelector('.highlight'),
- content = document.querySelector('.content'),
- defaultTitle = "Gerson Perez";
- function updateText(content){
- textWrapper.innerHTML = content;
- }
- function requestContent(file){
- $('.content').load(file + ' .content');
- }
- function removeCurrentClass(){
- for(var i = 0; i < hrefs.length; i++){
- hrefs[i].classList.remove('current');
- }
- }
- function addCurrentClass(elem){
- removeCurrentClass();
- var element = document.querySelector("." + elem);
- element.classList.add('current');
- }
- container.addEventListener('click', function(e){
- if(e.target != e.currentTarget){
- e.preventDefault();
- var data = e.target.getAttribute('data-name'),
- url = data + ".html";
- addCurrentClass(data);
- history.pushState(data, null, url);
- updateText(data);
- requestContent(url);
- document.title = data;
- }
- e.stopPropagation();
- }, false);
- window.addEventListener('popstate', function(e){
- var character = e.state;
- if (character == null) {
- removeCurrentClass();
- textWrapper.innerHTML = " ";
- content.innerHTML = " ";
- document.title = defaultTitle;
- } else {
- updateText(character);
- requestContent(character + ".html");
- addCurrentClass(character);
- document.title = character;
- }
- })
- })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement