bitPickups/friendica_2021.01_tupambae_shared_hosting
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

frio: highlight - test if the item is available in the dom

Browse source
This commit is contained in:
rabuzarus 2016-08-10 14:42:57 +02:00
parent 5e440e5359
commit 83e95a5841
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
view/theme/frio/js/theme.js
View file

@ -549,19 +549,24 @@ function scrollToItem(itemID) {
if( typeof itemID === "undefined") if( typeof itemID === "undefined")
return; return;
var elm = $('#'+itemID);
// Test if the Item exists
if(!elm.length)
return;
// Define the colors which are used for highlighting // Define the colors which are used for highlighting
var colWhite = {backgroundColor:'#F5F5F5'}; var colWhite = {backgroundColor:'#F5F5F5'};
var colShiny = {backgroundColor:'#FFF176'}; var colShiny = {backgroundColor:'#FFF176'};
// Get the Item Position (we need to substract 100 to match // Get the Item Position (we need to substract 100 to match
// correct position // correct position
var itemPos = $('#'+itemID).offset().top - 100; var itemPos = $(elm).offset().top - 100;
// Scroll to the DIV with the ID (GUID) // Scroll to the DIV with the ID (GUID)
$('html, body').animate({ $('html, body').animate({
scrollTop: itemPos scrollTop: itemPos
}, 400, function() { }, 400, function() {
// Highlight post/commenent with ID (GUID) // Highlight post/commenent with ID (GUID)
$('#'+itemID).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600); $(elm).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600);
}); });
} }