82 lines
No EOL
3.4 KiB
JavaScript
82 lines
No EOL
3.4 KiB
JavaScript
const hasTouch='ontouchstart' in document.documentElement;
|
|
|
|
// RELATED CONTENT BOXES
|
|
const relatedContent=()=>{
|
|
// lock position for mobile
|
|
if (hasTouch==true) {$('#related').removeClass('overlayORP');
|
|
} else {
|
|
let w=$(window).height(); // browser window
|
|
let d=$(document).height()-644; // document - footer
|
|
let c=168+$('.rMenu').height()+$('#related').height(); // head, menu, box
|
|
if ((d<=w)||(w<800)) { // if content is shorter than window or window less than 800, just move div to bottom of nav rail
|
|
$('#related').removeClass('overlayORP');
|
|
if (w>=800) {$('#related').addClass('scrolledORP');}
|
|
}
|
|
$(window).scroll(function () {
|
|
let s=$(window).scrollTop(); // what is the position of the scroll?
|
|
let z=d-w // how much scroll is available? (doc height - window height)
|
|
if (w<c-s) { // is the window too small? just move div to bottom of nav rail
|
|
$('#related').removeClass('overlayORP').removeClass('scrolledORP');
|
|
} else if (s>z) { // is the scroll position higher than the amount available?
|
|
// if so, move div to bottom of nav rail
|
|
$('#related').removeClass('overlayORP');
|
|
$('#related').addClass('scrolledORP');
|
|
} else { // otherwise, overlay div at bottom of viewport
|
|
$('#related').removeClass('scrolledORP');
|
|
$('#related').addClass('overlayORP');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
// FOOTNOTE POPUPS
|
|
const footnotes=()=>{
|
|
// add markup to all footnote references
|
|
$('sup a').append('<div><em></em></div>');
|
|
if (hasTouch==true) {
|
|
$('sup a').on('click', function(e){
|
|
e.preventDefault();
|
|
if ($(this).find('div').is(':hidden')) {
|
|
$(this).find('div').show();
|
|
let content=$(this).attr('href');
|
|
content=$(content).html();
|
|
$(this).find('div em').html(content);
|
|
} else {
|
|
$(this).find('div').hide();
|
|
}});
|
|
} else {
|
|
// on hover, show the popup and add the matching footnote
|
|
$('sup a').hover(function() {
|
|
// show the popup
|
|
$(this).find('div').fadeIn();
|
|
// use our href to find the appropriate content from the footnote list
|
|
let content=$(this).attr('href');
|
|
content=$(content).html();
|
|
// copy the footnote content into the popup
|
|
$(this).find('div em').html(content);
|
|
}, function() {
|
|
// hide the popup on mouseout
|
|
$(this).find('div').fadeOut();
|
|
});
|
|
}
|
|
}
|
|
|
|
// UTILITY BAR
|
|
const utilitiesORP=()=>{
|
|
let pageURL='https://www.ssa.gov'+window.location.pathname;
|
|
let sendTitleORP=document.title.replace(/&/g, '%26').replace(/"/g, '');
|
|
let fileHTML=window.location.pathname.substring(window.location.pathname.lastIndexOf('/')+1);
|
|
let fileAsPDF=fileHTML.replace(/html?/gi,'pdf');
|
|
let fileAsXLS=fileHTML.replace(/html?/gi,'xlsx');
|
|
$('a', '#emailORP').attr('href', 'mailto:?subject=From the SSA Office of Research, Statistics, and Policy Analysis website&body='+sendTitleORP+'%0D'+pageURL);
|
|
$('a', '#printORP').attr('href', fileAsPDF);
|
|
$('a', '#excelORP').attr('href', fileAsXLS);
|
|
$('#utilitiesORP').css('visibility', 'visible');
|
|
}
|
|
|
|
$(function () {
|
|
if (hasTouch!=true&&$('body').hasClass('RS')) { footnotes() }
|
|
if ($('#utilitiesORP').length) { utilitiesORP() }
|
|
});
|
|
|
|
window.onload=event=>{ if ($('#related').length) { relatedContent() } }; |