User talk:Zocky/PicturePopups.js

// // Picture Popups for Mediawiki // (c)2005 User:Zocky // Released under GPL

importStylesheetURI('http://en.wikipedia.org/w/index.php?action=raw&ctype=text/css&title=User%3AZocky%2FPicturePopups.css'); if(wgSkin=='vector') { importScript('User:Zocky/PicturePopupsVector.js'); } else { document.addEventListener('click',firstClick,true);

//Handle clicks on document until content is loaded function firstClick(e) { var c=document.getElementById('content')||document.getElementById('article'); if (c) { c.addEventListener('click',imageClick,false); document.removeEventListener('click',firstClick,true); } }

//Handle clicks on images function imageClick(e) { if (!e.ctrlKey && !e.shiftKey && !e.metaKey && e.target.tagName=='IMG') {     var t=e.target; var caption=t.getAttribute('alt'); while (t.tagName!='A' && t.parentNode) { t=t.parentNode; } if(!t) return; var realurl = t.href; var pictitle = decodeURIComponent(realurl.match(/\/wiki\/File:(.*)$/)[1].replace(/_/g," ")); if (caption!='Enlarge') {       try {         var captiondiv=t.nextSibling.nextSibling; if (captiondiv.getAttribute('class')=='thumbcaption') {caption=captiondiv.innerHTML} }       catch (er){}

x=Math.round(Math.random*200); y=Math.round(Math.random*200); var note_content_div=new_note(x, y, '[ &gt; ] '+pictitle, ' loading... ',caption); note_content_div.addEventListener('click',noteContentClick,true);

var cbSuccess=function(x,c) {         note_content_div.innerHTML=''; note_content_div.appendChild(findDescendantById(c,'file')) || (note_content_div.innerHTML="Failed. retry"); try { note_content_div.appendChild(findDescendantById(c,'imageLicense')); } catch(er) {}; return true; }

var cbFailure=function(x,c) {         note_content_div.innerHTML==x.statusText; return true; }

loadText(realurl,cbSuccess,cbFailure); }     else {       var img = t.parentNode.parentNode.parentNode.firstChild.firstChild; if (img.hasAttribute('thumbwidth')) {          var dummy=img.getAttribute('thumbwidth') img.setAttribute('thumbwidth',img.width); img.width=dummy; img.parentNode.parentNode.style.width=(img.width+2) + "px"; var dummy=img.getAttribute('thumbheight') img.setAttribute('thumbheight',img.height); img.height=dummy; }       else {         img.setAttribute('thumbwidth',img.width); img.setAttribute('thumbheight',img.height); var cbSuccess=function(x,c) {           var dummy=findDescendantById(c,'file'); if (dummy.firstChild.tagName=='IMG') {              img.src=dummy.firstChild.src; img.width=dummy.firstChild.width; img.height=dummy.firstChild.height; }           else {             img.width=dummy.firstChild.firstChild.width; img.height=dummy.firstChild.firstChild.height; img.src=dummy.firstChild.firstChild.src; }           img.parentNode.parentNode.style.width=(img.width+2) + "px"; return true; }         var cbFailure=function(x,c) {           return true; }         loadText(realurl,cbSuccess,cbFailure); }     }      e.preventDefault; } }

//Stop popup images from linking to hi-res pages function noteContentClick(e) { e.target.tagName=='IMG' && e.preventDefault ; }

//NOTES

var note_top=100; var active_note; var note_back='globalWrapper';

function note_icons(n) { return   ' [ - ] ' + '[ x ] '; }

function new_note(x,y,title,content,caption) { var note_container=document.getElementById(note_back) note_top++;

var note = document.createElement("div"); note.id = "note_" + note_top; note.setAttribute('class', "imagenote"); note.setAttribute('minimized', "0"); x>0 && (note.style.left = x + "px") || (note.style.right = -x + "px"); y>0 && (note.style.top = y + "px") || (note.style.bottom = -y + "px"); note.style.zIndex=note_top;

note.innerHTML = ' '; note_container.appendChild(note);

note.addEventListener("mousedown", pick_note, true); note.addEventListener("click", click_note, true); active_note=note; return document.getElementById(note.id+'_content'); }

function close_note(n) { var note_container=document.getElementById(note_back); note_container.removeChild(document.getElementById(n)); }

function toggle_note(n) { var note=document.getElementById(n); note.setAttribute('minimized', 1-note.getAttribute('minimized')); }

var note_dragging;

function pick_note(e) { active_note=e.currentTarget; note_top++; active_note.style.zIndex = note_top; mouse_x = e.clientX;	mouse_y = e.clientY;

active_note_top = parseInt(active_note.style.top); active_note_left = parseInt(active_note.style.left); document.addEventListener("mousemove", drag_note, false); document.addEventListener("mouseup", drop_note, false); e.preventDefault; note_dragging=false; }

function drag_note(e) { var x = e.clientX; var y = e.clientY;

active_note.style.top = (y - mouse_y + active_note_top) + "px"; active_note.style.left = (x - mouse_x + active_note_left) + "px"; note_dragging=true; }

function drop_note(e) { document.removeEventListener("mousemove", drag_note, false); document.removeEventListener("mouseup", drop_note, false); }

function click_note(e) { note_dragging && e.preventDefault; }

//DOWNLOADER function loadText(url,cb1,cb2) { var x = window.XMLHttpRequest ? new XMLHttpRequest : window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : false; var c=document.createElement("div");

if (x) { x.onreadystatechange=function { x.readyState==4 && textLoaded(x,c,cb1,cb2)}; x.open("GET",url,true); x.setRequestHeader('Accept','text/*'); x.send(null); } }

function textLoaded(x,c,cb1,cb2) { x.status==200 && ((c.innerHTML=x.responseText) && cb1 && cb1(x,c)) || ( cb2 && cb2(x,c) || alert(x.statusText)); }

//XML helper functions function findDescendantById(node, id) { if (node.id == id) { return node; } var i, c; for (i = node.firstChild; i != null; i=i.nextSibling) { c = findDescendantById(i,id); if (c != null) return c; } return null; }

}

//