MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
} else { | } else { | ||
helper.innerHTML = 'Hello there!'; | helper.innerHTML = 'Hello there!'; | ||
var text = ["Hello! I'm your friend, the Pokeheroes Wiki!!", "Don't be scared of me. I'm here to help you!", "Looks like you've been redirected here from our Main Site.", "I'm going to give you some help while searching. Lets start!", "Do you see that box at the top? It is the search box. You can put text here and start searching.", "Try typing in a keyword. (Or anything you're looking for)", "So, next time you need help with sometimg, please take a look here :)"]; | var text = ["Hello! I'm your friend, the Pokeheroes Wiki!!", "Don't be scared of me. I'm here to help you!", "Looks like you've been redirected here from our Main Site.", "I'm going to give you some help while searching. Lets start!", "Do you see that box at the top? It is the search box. You can put text here and start searching.", "Try typing in a keyword. (Or anything you're looking for)", "This is the Sidebar, where are located all the categories", "So, next time you need help with sometimg, please take a look here :)"]; | ||
var counter = 0; | var counter = 0; | ||
var elem = document.getElementById("changeText"); | var elem = document.getElementById("changeText"); | ||
function change() { | function change() { | ||
if(counter == ' | if(counter == '7') { | ||
$("#searchform").css({ boxShadow: '0px 0px 0px rgba(231, 255, 0, 1)' }); | $("#searchform").css({ boxShadow: '0px 0px 0px rgba(231, 255, 0, 1)' }); | ||
$("#mw-panel").css({ boxShadow: '6px -3px 23px rgba(231, 255, 0, 1)' }); | $("#mw-panel").css({ boxShadow: '6px -3px 23px rgba(231, 255, 0, 1)' }); | ||
Line 23: | Line 23: | ||
$("#externalhelper").animate({"opacity": "1"}, "slow" ); | $("#externalhelper").animate({"opacity": "1"}, "slow" ); | ||
counter++; | counter++; | ||
if(counter == ' | if(counter == '8') { clearInterval(changeit); } | ||
} | } | ||
var changeit = setInterval(change, 10000); | var changeit = setInterval(change, 10000); | ||
} | } |
Revision as of 20:32, 5 August 2014
/* Any JavaScript here will be loaded for all users on every page load. */ /* If you are viewing this and want to try this code, and a ?external at the end of any page of the wiki :) */ var hash = document.URL.match(/external/g); var helper = document.getElementById("externalhelper"); if(!hash) { } else { helper.innerHTML = 'Hello there!'; var text = ["Hello! I'm your friend, the Pokeheroes Wiki!!", "Don't be scared of me. I'm here to help you!", "Looks like you've been redirected here from our Main Site.", "I'm going to give you some help while searching. Lets start!", "Do you see that box at the top? It is the search box. You can put text here and start searching.", "Try typing in a keyword. (Or anything you're looking for)", "This is the Sidebar, where are located all the categories", "So, next time you need help with sometimg, please take a look here :)"]; var counter = 0; var elem = document.getElementById("changeText"); function change() { if(counter == '7') { $("#searchform").css({ boxShadow: '0px 0px 0px rgba(231, 255, 0, 1)' }); $("#mw-panel").css({ boxShadow: '6px -3px 23px rgba(231, 255, 0, 1)' }); } if(counter == '4') { $("#searchform").css({ boxShadow: '0px 2px 20px rgba(231, 255, 0, 1)' }); $( "#searchInput" ).focus(); } $("#externalhelper").animate({"opacity": "0"}, "slow" ); helper.innerHTML = text[counter]; $("#externalhelper").animate({"opacity": "1"}, "slow" ); counter++; if(counter == '8') { clearInterval(changeit); } } var changeit = setInterval(change, 10000); }