Compare text

Find the difference between two text files

Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Tools
Diffchecker Desktop icon
Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

inside out project STEP-104 to STEP-105 JavaScript Code Changes

Created Diff never expires
29 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
79 lines
32 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
83 lines
// JavaScript Document
// inside out project STEP-105
window.onload = init();
window.onload = init();


function init() {
function init() {


window.addEventListener('scroll', function(e) {
window.addEventListener('scroll', function(e) {
var distanceY = window.pageYOffset || document.documentElement.scrollTop,
var distanceY = window.pageYOffset || document.documentElement.scrollTop,
shrinkOn = 300,
shrinkOn = 300,
header = document.querySelector("header");
header = document.querySelector("header");
if (distanceY > shrinkOn) {
if (distanceY > shrinkOn) {
classie.add(header, "smaller");
classie.add(header, "smaller");
} else {
} else {
if (classie.has(header, "smaller")) {
if (classie.has(header, "smaller")) {
classie.remove(header, "smaller");
classie.remove(header, "smaller");
}
}
}
}
});
});




$.ajax({
$.ajax({
method: 'GET',
method: 'GET',
url: 'https://me.inside-out-project.com/wp-json/wp-api-menus/v2/menus/3',
url: 'https://me.inside-out-project.com/wp-json/wp-api-menus/v2/menus/3',
dataType: 'json',
dataType: 'json',
success: function(data) {
success: function(data) {

$('nav').hide();
$('nav').hide();

var menu = menuBuilder(data.items);
var menu = menuBuilder(data.items);

$('nav').html(menu).slideDown();
$('nav').html(menu).slideDown();

$('nav li a').click(function() {
// $('nav').append(menu);
getPage($(this).data("pgid"));

});
getPage(314);
$("#loaderDiv").fadeOut("slow");
$("#loaderDiv").fadeOut("slow");

},
},
error: function() {
error: function() {

console.log('all is not good');
console.log('all is not good');

}
}
});
});

}
}





function menuBuilder(obj) {
function menuBuilder(obj) {

var theMenu = '';
var theMenu = '';

if (obj.length > 0) {
if (obj.length > 0) {

theMenu = theMenu + '<ul>';
theMenu = theMenu + '<ul>';

obj.forEach(function(item) {
obj.forEach(function(item) {

theMenu = theMenu + '<li><a href="#" data-pgid="' + item.object_id + '">' + item.title + '</a>';
theMenu = theMenu + '<li><a href="#">' + item.title + '</a>';

if (item.children) {
if (item.children) {

theMenu = theMenu + menuBuilder(item.children);
theMenu = theMenu + menuBuilder(item.children);

}
}

theMenu = theMenu + '</li>';
theMenu = theMenu + '</li>';

});
});

theMenu = theMenu + '</ul>';
theMenu = theMenu + '</ul>';

} else {
} else {

console.log('no data');
console.log('no data');

}
}

return theMenu;
return theMenu;
}
}

function getPage(obj) {
$("#loaderDiv").fadeIn("slow");
$.ajax({
method: 'GET',
url: 'https://me.inside-out-project.com/wp-json/wp/v2/pages/' + obj,
dataType: 'json',
success: function(data) {
var pgbuild = '';
pgbuild = '<section><div class="container">' + data.content.rendered + '</div></section>';
$("#content").fadeOut(function() {
$('html').animate({
scrollTop: 0
}, 'slow'); //IE, FF
$('body').animate({
scrollTop: 0
}, 'slow'); //chrome, don't know if Safari works
$(this).html(pgbuild).fadeIn();
$("#loaderDiv").fadeOut("slow");
});
},
error: function() {
console.log('bad');
}
});
}
Saved diffs