Difference between revisions of "MediaWiki:Common.js"

From Pandora Wiki
Jump to: navigation, search
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
+
function mouseOver(e, imgUrl)
 +
{
 +
        var body = document.getElementById('bodyContent');
 +
       
 +
        var image = new Image();
 +
        image.src = imgUrl;
 +
       
 +
        var previewImage = document.createElement('img');
 +
        previewImage.setAttribute('src', imgUrl);
 +
        previewImage.setAttribute('id', 'previewImage');
  
 +
        var scrolledHeight = 0;
  
/* Test if an element has a certain class **************************************
+
        if (document.documentElement.scrollTop)
* Note: this is straight out of Wikipedia's Common.js (http://en.wikipedia.org/wiki/MediaWiki:Common.js)
+
                scrolledHeight = document.documentElement.scrollTop;
*/
+
        else if (document.body.scrollTop)
 
+
                scrolledHeight = document.body.scrollTop;
var hasClass = (function () {
+
        else
    var reCache = {};
+
                scrolledHeight = window.pageYOffset;
    return function (element, className) {
 
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
 
    };
 
})();
 
  
 +
        previewStyle = "position: absolute; left: " + (e.clientX - image.width - 200) + "px; top: " + (e.clientY + scrolledHeight - 30) + "px; border: 1px solid grey;";
 +
        previewImage.setAttribute('style', previewStyle);
 +
       
 +
        body.appendChild(previewImage);
 +
}
  
/** Hideable notes  *********************************************************
 
* This is based off of code from Wikipedia's Common.js (http://en.wikipedia.org/wiki/MediaWiki:Common.js)
 
*/
 
  
function showNotes( spanIndex )
+
function mouseOut()
 
{
 
{
    var Button = document.getElementById( "showNoteLink" + spanIndex );
+
        var body = document.getElementById('bodyContent');
    var Span = document.getElementById( "showNotes" + spanIndex );
+
        var previewImage = document.getElementById('previewImage');
 
+
       
    if (!Span || !Button)
+
         body.removeChild(previewImage);
    {
 
         return false;
 
    }
 
 
 
    if (Button.firstChild.data == "[show]")
 
    {
 
        Span.style.display = "inline";
 
        Button.firstChild.data = " [hide]";
 
    }
 
    else
 
    {
 
        Span.style.display = "none";
 
        Button.firstChild.data = "[show]";
 
    }
 
 
}
 
}
  
function createShowNotesLinks()
+
function createScreenshotLinks()
 
{
 
{
 
     var spanIndex = 0;
 
     var spanIndex = 0;
Line 48: Line 42:
 
     for ( var i = 0; i < Spans.length; i++ )  
 
     for ( var i = 0; i < Spans.length; i++ )  
 
     {
 
     {
         if ( hasClass( Spans[i], "hiddenNotes" ) )  
+
         if ( hasClass( Spans[i], "previewScreenshot" ) )  
 
         {
 
         {
 
             CurrentSpan = Spans[i];
 
             CurrentSpan = Spans[i];
             CurrentSpan.setAttribute( "id", "showNotes" + spanIndex );
+
 
 +
             var wikiLinks = new Object(); // This is needed because the wiki automatically turns urls into links.
 +
            wikiLinks = CurrentSpan.getElementsByTagName( "a" );
 +
            var imgURL = wikiLinks[0].innerHTML;
  
 
             var Button    = document.createElement( "span" );
 
             var Button    = document.createElement( "span" );
 
             var ButtonLink = document.createElement( "a" );
 
             var ButtonLink = document.createElement( "a" );
             var ButtonText = document.createTextNode( "[show]" );
+
             var ButtonText = document.createTextNode( "[ss]" );
  
             ButtonLink.setAttribute( "id", "showNoteLink" + spanIndex );
+
             ButtonLink.setAttribute("href", imgURL);
             ButtonLink.setAttribute( "href", "javascript:" );
+
             ButtonLink.setAttribute("target", "_" + imgURL);
            addHandler( ButtonLink, "click", new Function( "evt", "showNotes(" + spanIndex + " ); return killEvt( evt );") );
 
 
             ButtonLink.appendChild( ButtonText );
 
             ButtonLink.appendChild( ButtonText );
  
 
             Button.appendChild(document.createTextNode( " " ));
 
             Button.appendChild(document.createTextNode( " " ));
 
             Button.appendChild(ButtonLink);
 
             Button.appendChild(ButtonLink);
 +
            Button.setAttribute( "onmouseover", "mouseOver(event, '" + imgURL + "');");
 +
            Button.setAttribute( "onmouseout", "mouseOut();");
  
 
             CurrentSpan.parentNode.insertBefore( Button, CurrentSpan.nextSibling );
 
             CurrentSpan.parentNode.insertBefore( Button, CurrentSpan.nextSibling );
Line 73: Line 71:
 
}
 
}
  
addOnloadHook( createShowNotesLinks );
+
addOnloadHook( createScreenshotLinks );

Revision as of 13:08, 23 January 2011

function mouseOver(e, imgUrl)
{
        var body = document.getElementById('bodyContent');
        
        var image = new Image();
        image.src = imgUrl;
        
        var previewImage = document.createElement('img');
        previewImage.setAttribute('src', imgUrl);
        previewImage.setAttribute('id', 'previewImage');

        var scrolledHeight = 0;

        if (document.documentElement.scrollTop)
                scrolledHeight = document.documentElement.scrollTop;
        else if (document.body.scrollTop)
                scrolledHeight = document.body.scrollTop;
        else
                scrolledHeight = window.pageYOffset;

        previewStyle = "position: absolute; left: " + (e.clientX - image.width - 200) + "px; top: " + (e.clientY + scrolledHeight - 30) + "px; border: 1px solid grey;";
        previewImage.setAttribute('style', previewStyle);
        
        body.appendChild(previewImage);
}


function mouseOut()
{
        var body = document.getElementById('bodyContent');
        var previewImage = document.getElementById('previewImage');
        
        body.removeChild(previewImage);
}

function createScreenshotLinks()
{
    var spanIndex = 0;
    var Spans = document.getElementsByTagName( "span" );
    var CurrentSpan = new Object();

    for ( var i = 0; i < Spans.length; i++ ) 
    {
        if ( hasClass( Spans[i], "previewScreenshot" ) ) 
        {
            CurrentSpan = Spans[i];

            var wikiLinks = new Object(); // This is needed because the wiki automatically turns urls into links.
            wikiLinks = CurrentSpan.getElementsByTagName( "a" );
            var imgURL = wikiLinks[0].innerHTML;

            var Button     = document.createElement( "span" );
            var ButtonLink = document.createElement( "a" );
            var ButtonText = document.createTextNode( "[ss]" );

            ButtonLink.setAttribute("href", imgURL);
            ButtonLink.setAttribute("target", "_" + imgURL);
            ButtonLink.appendChild( ButtonText );

            Button.appendChild(document.createTextNode( " " ));
            Button.appendChild(ButtonLink);
            Button.setAttribute( "onmouseover", "mouseOver(event, '" + imgURL + "');");
            Button.setAttribute( "onmouseout", "mouseOut();");

            CurrentSpan.parentNode.insertBefore( Button, CurrentSpan.nextSibling );
            CurrentSpan.style.display="none";

            spanIndex++;
        }
    }
}

addOnloadHook( createScreenshotLinks );