|
|
|
@ -573,31 +573,38 @@ String.prototype.rtrim = function() {
|
|
|
|
|
return trimmed; |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// Scroll to a specific item and highlight it
|
|
|
|
|
// Note: jquery.color.js is needed
|
|
|
|
|
function scrollToItem(itemID) { |
|
|
|
|
if( typeof itemID === "undefined") |
|
|
|
|
/** |
|
|
|
|
* Scroll the screen to the item element whose id is provided, then highlights it |
|
|
|
|
* |
|
|
|
|
* Note: jquery.color.js is required |
|
|
|
|
* |
|
|
|
|
* @param {string} elementId The item element id |
|
|
|
|
* @returns {undefined} |
|
|
|
|
*/ |
|
|
|
|
function scrollToItem(elementId) { |
|
|
|
|
if (typeof elementId === "undefined") { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var elm = $('#'+itemID); |
|
|
|
|
var $el = $(document.getElementById(elementId)); |
|
|
|
|
// Test if the Item exists
|
|
|
|
|
if(!elm.length) |
|
|
|
|
if (!$el.length) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// Define the colors which are used for highlighting
|
|
|
|
|
var colWhite = {backgroundColor:'#F5F5F5'}; |
|
|
|
|
var colShiny = {backgroundColor:'#FFF176'}; |
|
|
|
|
|
|
|
|
|
// Get the Item Position (we need to substract 100 to match
|
|
|
|
|
// correct position
|
|
|
|
|
var itemPos = $(elm).offset().top - 100; |
|
|
|
|
// Get the Item Position (we need to substract 100 to match correct position
|
|
|
|
|
var itemPos = $el.offset().top - 100; |
|
|
|
|
|
|
|
|
|
// Scroll to the DIV with the ID (GUID)
|
|
|
|
|
$('html, body').animate({ |
|
|
|
|
scrollTop: itemPos |
|
|
|
|
}, 400, function() { |
|
|
|
|
// Highlight post/commenent with ID (GUID)
|
|
|
|
|
$(elm).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600); |
|
|
|
|
$el.animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|