Difference between revisions of "MediaWiki:Common.js"

From Freephile Wiki
Jump to navigation Jump to search
(Adds wikEd)
 
(installs Edittools -- whittled down version of code from wp)
Line 1: Line 1:
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
/* Any JavaScript here will be loaded for all users on every page load. */
 +
 +
/*  This would be one way of enabling wikEd
 
// install [[User:Cacycle/wikEd]] in-browser text editor
 
// install [[User:Cacycle/wikEd]] in-browser text editor
 
document.write('<script type="text/javascript" src="'
 
document.write('<script type="text/javascript" src="'
 
+ 'http://en.wikipedia.org/w/index.php?title=User:Cacycle/wikEd.js'
 
+ 'http://en.wikipedia.org/w/index.php?title=User:Cacycle/wikEd.js'
 
+ '&action=raw&ctype=text/javascript"></' + 'script>');
 
+ '&action=raw&ctype=text/javascript"></' + 'script>');
 +
*/
 +
 +
 +
//<source lang="javascript">
 +
 +
/* Import more specific scripts if necessary */
 +
 +
if (wgAction == "edit" || wgAction == "submit" || wgPageName == "Special:Upload") //scripts specific to editing pages
 +
{
 +
importScript("MediaWiki:Common.js/edit.js")
 +
}
 +
 +
 +
 +
/* Test if an element has a certain class **************************************
 +
*
 +
* Description: Uses regular expressions and caching for better performance.
 +
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 +
*/
 +
 +
var hasClass = (function () {
 +
var reCache = {};
 +
return function (element, className) {
 +
return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
 +
};
 +
})();
 +
 +
 +
 +
/** Collapsible tables *********************************************************
 +
*
 +
*  Description: Allows tables to be collapsed, showing only the header. See
 +
*              [[Wikipedia:NavFrame]].
 +
*  Maintainers: [[User:R. Koot]]
 +
*/
 +
 +
var autoCollapse = 2;
 +
var collapseCaption = "hide";
 +
var expandCaption = "show";
 +
 +
function collapseTable( tableIndex )
 +
{
 +
var Button = document.getElementById( "collapseButton" + tableIndex );
 +
var Table = document.getElementById( "collapsibleTable" + tableIndex );
 +
 +
if ( !Table || !Button ) {
 +
return false;
 +
}
 +
 +
var Rows = Table.rows;
 +
 +
if ( Button.firstChild.data == collapseCaption ) {
 +
for ( var i = 1; i < Rows.length; i++ ) {
 +
Rows[i].style.display = "none";
 +
}
 +
Button.firstChild.data = expandCaption;
 +
} else {
 +
for ( var i = 1; i < Rows.length; i++ ) {
 +
Rows[i].style.display = Rows[0].style.display;
 +
}
 +
Button.firstChild.data = collapseCaption;
 +
}
 +
}
 +
 +
function createCollapseButtons()
 +
{
 +
var tableIndex = 0;
 +
var NavigationBoxes = new Object();
 +
var Tables = document.getElementsByTagName( "table" );
 +
 +
for ( var i = 0; i < Tables.length; i++ ) {
 +
if ( hasClass( Tables[i], "collapsible" ) ) {
 +
 +
/* only add button and increment count if there is a header row to work with */
 +
var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
 +
if (!HeaderRow) continue;
 +
var Header = HeaderRow.getElementsByTagName( "th" )[0];
 +
if (!Header) continue;
 +
 +
NavigationBoxes[ tableIndex ] = Tables[i];
 +
Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
 +
 +
var Button    = document.createElement( "span" );
 +
var ButtonLink = document.createElement( "a" );
 +
var ButtonText = document.createTextNode( collapseCaption );
 +
 +
Button.className = "collapseButton";  //Styles are declared in Common.css
 +
 +
ButtonLink.style.color = Header.style.color;
 +
ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
 +
ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
 +
ButtonLink.appendChild( ButtonText );
 +
 +
Button.appendChild( document.createTextNode( "[" ) );
 +
Button.appendChild( ButtonLink );
 +
Button.appendChild( document.createTextNode( "]" ) );
 +
 +
Header.insertBefore( Button, Header.childNodes[0] );
 +
tableIndex++;
 +
}
 +
}
 +
 +
for ( var i = 0;  i < tableIndex; i++ ) {
 +
if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
 +
collapseTable( i );
 +
}
 +
else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
 +
var element = NavigationBoxes[i];
 +
while (element = element.parentNode) {
 +
if ( hasClass( element, "outercollapse" ) ) {
 +
collapseTable ( i );
 +
break;
 +
}
 +
}
 +
}
 +
}
 +
}
 +
 +
addOnloadHook( createCollapseButtons );
 +
 +
 +
/** Dynamic Navigation Bars (experimental) *************************************
 +
*
 +
*  Description: See [[Wikipedia:NavFrame]].
 +
*  Maintainers: UNMAINTAINED
 +
*/
 +
 +
// set up the words in your language
 +
var NavigationBarHide = '[' + collapseCaption + ']';
 +
var NavigationBarShow = '[' + expandCaption + ']';
 +
 +
// shows and hides content and picture (if available) of navigation bars
 +
// Parameters:
 +
//    indexNavigationBar: the index of navigation bar to be toggled
 +
function toggleNavigationBar(indexNavigationBar)
 +
{
 +
var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
 +
var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
 +
 +
if (!NavFrame || !NavToggle) {
 +
return false;
 +
}
 +
 +
// if shown now
 +
if (NavToggle.firstChild.data == NavigationBarHide) {
 +
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
 +
if ( hasClass( NavChild, 'NavPic' ) ) {
 +
NavChild.style.display = 'none';
 +
}
 +
if ( hasClass( NavChild, 'NavContent') ) {
 +
NavChild.style.display = 'none';
 +
}
 +
}
 +
NavToggle.firstChild.data = NavigationBarShow;
 +
 +
// if hidden now
 +
} else if (NavToggle.firstChild.data == NavigationBarShow) {
 +
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
 +
if (hasClass(NavChild, 'NavPic')) {
 +
NavChild.style.display = 'block';
 +
}
 +
if (hasClass(NavChild, 'NavContent')) {
 +
NavChild.style.display = 'block';
 +
}
 +
}
 +
NavToggle.firstChild.data = NavigationBarHide;
 +
}
 +
}
 +
 +
// adds show/hide-button to navigation bars
 +
function createNavigationBarToggleButton()
 +
{
 +
var indexNavigationBar = 0;
 +
// iterate over all < div >-elements
 +
var divs = document.getElementsByTagName("div");
 +
for (var i = 0; NavFrame = divs[i]; i++) {
 +
// if found a navigation bar
 +
if (hasClass(NavFrame, "NavFrame")) {
 +
 +
indexNavigationBar++;
 +
var NavToggle = document.createElement("a");
 +
NavToggle.className = 'NavToggle';
 +
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
 +
NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
 +
 +
var isCollapsed = hasClass( NavFrame, "collapsed" );
 +
/*
 +
* Check if any children are already hidden.  This loop is here for backwards compatibility:
 +
* the old way of making NavFrames start out collapsed was to manually add style="display:none"
 +
* to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
 +
* the content visible without JavaScript support), the new recommended way is to add the class
 +
* "collapsed" to the NavFrame itself, just like with collapsible tables.
 +
*/
 +
for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
 +
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
 +
if ( NavChild.style.display == 'none' ) {
 +
isCollapsed = true;
 +
}
 +
}
 +
}
 +
if (isCollapsed) {
 +
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
 +
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
 +
NavChild.style.display = 'none';
 +
}
 +
}
 +
}
 +
var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
 +
NavToggle.appendChild(NavToggleText);
 +
 +
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
 +
for(var j=0; j < NavFrame.childNodes.length; j++) {
 +
if (hasClass(NavFrame.childNodes[j], "NavHead")) {
 +
NavFrame.childNodes[j].appendChild(NavToggle);
 +
}
 +
}
 +
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
 +
}
 +
}
 +
}
 +
 +
addOnloadHook( createNavigationBarToggleButton );
 +
 +
 +
/** Table sorting fixes ************************************************
 +
*
 +
*  Description: Disables code in table sorting routine to set classes on even/odd rows
 +
*  Maintainers: [[User:Random832]]
 +
*/
 +
 +
ts_alternate_row_colors = false;
 +
 +
 +
/***** uploadwizard_newusers ********
 +
* Switches in a message for non-autoconfirmed users at [[Wikipedia:Upload]]
 +
*
 +
*  Maintainers: [[User:Krimpet]]
 +
****/
 +
function uploadwizard_newusers() {
 +
if (wgNamespaceNumber == 4 && wgTitle == "Upload" && wgAction == "view") {
 +
var oldDiv = document.getElementById("autoconfirmedusers"),
 +
newDiv = document.getElementById("newusers");
 +
if (oldDiv && newDiv) {
 +
if (typeof wgUserGroups == "object" && wgUserGroups) {
 +
for (i = 0; i < wgUserGroups.length; i++) {
 +
if (wgUserGroups[i] == "autoconfirmed") {
 +
oldDiv.style.display = "block";
 +
newDiv.style.display = "none";
 +
return;
 +
}
 +
}
 +
}
 +
oldDiv.style.display = "none";
 +
newDiv.style.display = "block";
 +
return;
 +
}
 +
}
 +
}
 +
addOnloadHook(uploadwizard_newusers);
 +
 +
 +
 +
 +
/** Disambig editintro ********************************************************
 +
*
 +
*  Description: Adds an editintro on disambiguation pages. Original code
 +
*  located at [[User:RockMFR/disambigeditintro.js]].
 +
*
 +
*  Maintainers: [[User:RockMFR]], [[User:Quiddity]]
 +
*/
 +
 +
if (wgNamespaceNumber == 0) addOnloadHook(function(){
 +
if (!document.getElementById('disambig')) return
 +
var el = document.getElementById('ca-edit')
 +
if (el) el = el.getElementsByTagName('a')[0]
 +
if (el) el.href += '&editintro=Template:Disambig_editintro'
 +
})
 +
 +
/** Mobile browser helper link ************************************************
 +
*
 +
*  Adds a link to the mobile-optimized gateway at en.m.wikimedia.org
 +
*  for viewers on iPhone, iPod Touch, and Android devices.
 +
*  This is semi-experimental to drive more test traffic there for now;
 +
*  it's still in development but very usable for reading!
 +
*
 +
*  Currently set to always show the link on main page and search results,
 +
*  and w/ 25% probability on other page views.
 +
*
 +
*  Maintainer: [[User:Brion VIBBER]]
 +
*/
 +
if (/(Android|iPhone|iPod)/.test(navigator.userAgent)) {
 +
addOnloadHook(function() {
 +
var prob = 1.0;
 +
if (wgCanonicalNamespace == 'Special' && wgCanonicalSpecialPageName == 'Search') {
 +
var pageLink = '?search=' + encodeURIComponent(document.getElementById('searchText').value);
 +
} else if (wgPageName == 'Main_Page') {
 +
var pageLink = '::Home'; // Special case
 +
} else {
 +
var pageLink = encodeURIComponent(wgPageName).replace('%2F','/').replace('%3A',':');
 +
prob = 0.25;
 +
}
 +
if (prob < Math.random()) return;
 +
 +
var div = document.createElement('div');
 +
div.style.fontSize = '30pt';
 +
div.style.lineHeight = '40pt';
 +
div.style.textAlign = 'center';
 +
div.style.marginTop = '20px';
 +
div.style.marginBottom = '20px';
 +
div.style.padding = '20px';
 +
div.style.border = '2px solid gray';
 +
div.appendChild(document.createTextNode("View this page in "));
 +
var link = document.createElement('a');
 +
link.href = 'http://en.m.wikipedia.org/wiki/' + pageLink;
 +
link.appendChild(document.createTextNode("Wikipedia's mobile site"));
 +
div.appendChild(link);
 +
var content=document.getElementById('content');
 +
content.insertBefore(div,content.firstChild);
 +
});
 +
}
 +
 +
//</source>

Revision as of 01:39, 19 February 2009

/* Any JavaScript here will be loaded for all users on every page load. */

/*  This would be one way of enabling wikEd
// install [[User:Cacycle/wikEd]] in-browser text editor
document.write('<script type="text/javascript" src="'
+ 'http://en.wikipedia.org/w/index.php?title=User:Cacycle/wikEd.js'
+ '&action=raw&ctype=text/javascript"></' + 'script>');
*/


//<source lang="javascript">
 
/* Import more specific scripts if necessary */
 
if (wgAction == "edit" || wgAction == "submit" || wgPageName == "Special:Upload") //scripts specific to editing pages
{
importScript("MediaWiki:Common.js/edit.js")
}

 
 
/* Test if an element has a certain class **************************************
*
* Description: Uses regular expressions and caching for better performance.
* Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
*/
 
var hasClass = (function () {
var reCache = {};
return function (element, className) {
return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
};
})();
 
 

/** Collapsible tables *********************************************************
*
*  Description: Allows tables to be collapsed, showing only the header. See
*               [[Wikipedia:NavFrame]].
*  Maintainers: [[User:R. Koot]]
*/
 
var autoCollapse = 2;
var collapseCaption = "hide";
var expandCaption = "show";
 
function collapseTable( tableIndex )
{
var Button = document.getElementById( "collapseButton" + tableIndex );
var Table = document.getElementById( "collapsibleTable" + tableIndex );
 
if ( !Table || !Button ) {
return false;
}
 
var Rows = Table.rows;
 
if ( Button.firstChild.data == collapseCaption ) {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = "none";
}
Button.firstChild.data = expandCaption;
} else {
for ( var i = 1; i < Rows.length; i++ ) {
Rows[i].style.display = Rows[0].style.display;
}
Button.firstChild.data = collapseCaption;
}
}
 
function createCollapseButtons()
{
var tableIndex = 0;
var NavigationBoxes = new Object();
var Tables = document.getElementsByTagName( "table" );
 
for ( var i = 0; i < Tables.length; i++ ) {
if ( hasClass( Tables[i], "collapsible" ) ) {
 
/* only add button and increment count if there is a header row to work with */
var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
if (!HeaderRow) continue;
var Header = HeaderRow.getElementsByTagName( "th" )[0];
if (!Header) continue;
 
NavigationBoxes[ tableIndex ] = Tables[i];
Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
 
var Button     = document.createElement( "span" );
var ButtonLink = document.createElement( "a" );
var ButtonText = document.createTextNode( collapseCaption );
 
Button.className = "collapseButton";  //Styles are declared in Common.css
 
ButtonLink.style.color = Header.style.color;
ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
ButtonLink.appendChild( ButtonText );
 
Button.appendChild( document.createTextNode( "[" ) );
Button.appendChild( ButtonLink );
Button.appendChild( document.createTextNode( "]" ) );
 
Header.insertBefore( Button, Header.childNodes[0] );
tableIndex++;
}
}
 
for ( var i = 0;  i < tableIndex; i++ ) {
if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
collapseTable( i );
} 
else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
var element = NavigationBoxes[i];
while (element = element.parentNode) {
if ( hasClass( element, "outercollapse" ) ) {
collapseTable ( i );
break;
}
}
}
}
}
 
addOnloadHook( createCollapseButtons );
 
 
/** Dynamic Navigation Bars (experimental) *************************************
*
*  Description: See [[Wikipedia:NavFrame]].
*  Maintainers: UNMAINTAINED
*/
 
// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';
 
// shows and hides content and picture (if available) of navigation bars
// Parameters:
//     indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar)
{
var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
 
if (!NavFrame || !NavToggle) {
return false;
}
 
// if shown now
if (NavToggle.firstChild.data == NavigationBarHide) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) ) {
NavChild.style.display = 'none';
}
if ( hasClass( NavChild, 'NavContent') ) {
NavChild.style.display = 'none';
}
}
NavToggle.firstChild.data = NavigationBarShow;
 
// if hidden now
} else if (NavToggle.firstChild.data == NavigationBarShow) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if (hasClass(NavChild, 'NavPic')) {
NavChild.style.display = 'block';
}
if (hasClass(NavChild, 'NavContent')) {
NavChild.style.display = 'block';
}
}
NavToggle.firstChild.data = NavigationBarHide;
}
}
 
// adds show/hide-button to navigation bars
function createNavigationBarToggleButton()
{
var indexNavigationBar = 0;
// iterate over all < div >-elements 
var divs = document.getElementsByTagName("div");
for (var i = 0; NavFrame = divs[i]; i++) {
// if found a navigation bar
if (hasClass(NavFrame, "NavFrame")) {
 
indexNavigationBar++;
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
 
var isCollapsed = hasClass( NavFrame, "collapsed" );
/*
* Check if any children are already hidden.  This loop is here for backwards compatibility:
* the old way of making NavFrames start out collapsed was to manually add style="display:none"
* to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
* the content visible without JavaScript support), the new recommended way is to add the class
* "collapsed" to the NavFrame itself, just like with collapsible tables.
*/
for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
if ( NavChild.style.display == 'none' ) {
isCollapsed = true;
}
}
}
if (isCollapsed) {
for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
NavChild.style.display = 'none';
}
}
}
var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
NavToggle.appendChild(NavToggleText);
 
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
for(var j=0; j < NavFrame.childNodes.length; j++) {
if (hasClass(NavFrame.childNodes[j], "NavHead")) {
NavFrame.childNodes[j].appendChild(NavToggle);
}
}
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
}
}
}
 
addOnloadHook( createNavigationBarToggleButton );
 

/** Table sorting fixes ************************************************
*
*  Description: Disables code in table sorting routine to set classes on even/odd rows
*  Maintainers: [[User:Random832]]
*/
 
ts_alternate_row_colors = false;
 
 
/***** uploadwizard_newusers ********
* Switches in a message for non-autoconfirmed users at [[Wikipedia:Upload]]
*
*  Maintainers: [[User:Krimpet]]
****/
function uploadwizard_newusers() {
if (wgNamespaceNumber == 4 && wgTitle == "Upload" && wgAction == "view") {
var oldDiv = document.getElementById("autoconfirmedusers"),
newDiv = document.getElementById("newusers");
if (oldDiv && newDiv) {
if (typeof wgUserGroups == "object" && wgUserGroups) {
for (i = 0; i < wgUserGroups.length; i++) {
if (wgUserGroups[i] == "autoconfirmed") {
oldDiv.style.display = "block";
newDiv.style.display = "none";
return;
}
}
}
oldDiv.style.display = "none";
newDiv.style.display = "block";
return;
}
}
}
addOnloadHook(uploadwizard_newusers);
 
 

 
/** Disambig editintro ********************************************************
*
*  Description: Adds an editintro on disambiguation pages. Original code
*  located at [[User:RockMFR/disambigeditintro.js]].
*
*  Maintainers: [[User:RockMFR]], [[User:Quiddity]]
*/
 
if (wgNamespaceNumber == 0) addOnloadHook(function(){
if (!document.getElementById('disambig')) return
var el = document.getElementById('ca-edit')
if (el) el = el.getElementsByTagName('a')[0]
if (el) el.href += '&editintro=Template:Disambig_editintro'
})
 
/** Mobile browser helper link ************************************************
*
*  Adds a link to the mobile-optimized gateway at en.m.wikimedia.org
*  for viewers on iPhone, iPod Touch, and Android devices.
*  This is semi-experimental to drive more test traffic there for now;
*  it's still in development but very usable for reading!
*
*  Currently set to always show the link on main page and search results,
*  and w/ 25% probability on other page views.
*
*  Maintainer: [[User:Brion VIBBER]]
*/
if (/(Android|iPhone|iPod)/.test(navigator.userAgent)) {
addOnloadHook(function() {
var prob = 1.0;
if (wgCanonicalNamespace == 'Special' && wgCanonicalSpecialPageName == 'Search') {
var pageLink = '?search=' + encodeURIComponent(document.getElementById('searchText').value);
} else if (wgPageName == 'Main_Page') {
var pageLink = '::Home'; // Special case
} else {
var pageLink = encodeURIComponent(wgPageName).replace('%2F','/').replace('%3A',':');
prob = 0.25;
}
if (prob < Math.random()) return;
 
var div = document.createElement('div');
div.style.fontSize = '30pt';
div.style.lineHeight = '40pt';
div.style.textAlign = 'center';
div.style.marginTop = '20px';
div.style.marginBottom = '20px';
div.style.padding = '20px';
div.style.border = '2px solid gray';
div.appendChild(document.createTextNode("View this page in "));
var link = document.createElement('a');
link.href = 'http://en.m.wikipedia.org/wiki/' + pageLink;
link.appendChild(document.createTextNode("Wikipedia's mobile site"));
div.appendChild(link);
var content=document.getElementById('content');
content.insertBefore(div,content.firstChild);
});
}
 
//</source>