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, 13: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();