MediaWiki:Gadget-flashAnchored.js
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
// Modified from gadget originally made by Equazcion: http://terraria.gamepedia.com/User:Equazcion http://terraria.gamepedia.com/index.php?title=MediaWiki:Gadget-flashAnchored.js
if (window.location.hash.length > 0){
var hash = window.location.hash.replace(/\./g,'\\.');
flash($(hash));
}
window.onhashchange = function () {
var hash = window.location.hash.replace(/\./g,'\\.');
flash($(hash));
}
var hash;
function findFlashable(obj){
var flashable = [ 'tr', 'h1', 'h2', 'h3', 'h4', 'h5', 'li', 'div' ];
if ($.inArray(obj.prop('tagName'), flashable) < 0){
var newObj;
$.each(flashable, function(data, val){
newObj = obj.closest(val);
if (newObj.length > 0) { return false; }
});
return newObj;
} else {
return obj;
}
}
function flash(obj){
var supplied = obj;
// Check if the element is suitable for flashing, otherwise find a suitable parent
var obj = findFlashable(obj);
// If an element is already flashed, revert it to its prior background color
var $flashed = $('.flashed');
var scrub = $flashed.attr('data-oldBg');
$flashed.css('background-color',scrub);
// Record old background color in a data attribute of the element we're about to flash
var oldBg = obj.css('background-color');
obj.addClass('flashed').attr('data-oldBg',oldBg);
// Flash the element
if (obj.attr("id") != "mw-content-text") {
obj.css('transition','');
obj.css('background-color','#fff');
setTimeout(function(){
obj.css('transition','background-color 150ms ease-in');
obj.css('background-color','rgba(200,200,200,0.5)');
setTimeout(function(){
obj.css('transition','background-color 1000ms ease-out');
setTimeout(function(){
obj.css('background','rgba(200,200,200,0.1)');
setTimeout(function(){
obj.css('transition','');
},1000);
},20);
},150);
},1);
}
}
