wer faul ist und klicks ersparen will nimmt dieses script
当前为
// ==UserScript==
// @name LAUFLICHTS UPDaTES TEST
// @namespace basti 10121012
// @include **
// @namespace
// @author erzeugt eine lauflichtleiste .1 von 4 .das script ist noch nicht fertig kann aber zum spielen schon benutzt werden
// @description wer faul ist und klicks ersparen will nimmt dieses script
// @version 3
// @author basti1012
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant GM_openInTab
// @grant GM_log
// @require https://code.jquery.com/jquery-3.2.1.min.js
// @require http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js
// @require https://code.jquery.com/ui/1.9.2/jquery-ui.js
// @icon http://www.lildevil.org/greasemonkey/images/IC-icon.png
// ==/UserScript==
document.getElementById('content').innerHTML = '<div id="response"></div><div id="ww"></div>';
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('body')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
var url = document.location.href;
var xmlHttp = new XMLHttpRequest();
var response = document.getElementById("response");
xmlHttp.open("GET", url, true); // true for asynchronous
xmlHttp.send(null);
xmlHttp.onreadystatechange = function() {
response.innerHTML = xmlHttp.status;
};
//window.setTimeout(function () { fade("+elementNr+","+faktor+") }, step);
function lichtladen(){
var mengelicht =sessionStorage.getItem('mengelampen')
var xwidth = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
var yheight = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
if(xwidth>0 && xwidth<100){var browserbreite=0}
if(xwidth>101 && xwidth<300){var browserbreite=2}
if(xwidth>301 && xwidth<500){var browserbreite=3}
if(xwidth>501 && xwidth<700){var browserbreite=4}
if(xwidth>701 && xwidth<900){var browserbreite=5}
if(xwidth>901 && xwidth<1100){var browserbreite=6}
if(xwidth>1101 && xwidth<1300){var browserbreite=7}
if(xwidth>1301 && xwidth<1500){var browserbreite=8}
if(xwidth>1501 && xwidth<1700){var browserbreite=9}
var menge1 = xwidth/mengelicht/2;//parseInt(200)
var menge =menge1.toFixed();
return {va: mengelicht, vb: menge, vc: xwidth};
}
var top = 150;
var left = 0;
var retval = lichtladen();
var menge =retval.vb
var mengelicht = retval.va
var xwidth = retval.vc
//alert(browserbreite+'-'+xwidth+'-'+menge)
var breite = sessionStorage.getItem('nummer')
var topinfo =parseInt(top)+parseInt(breite);
var leftinfo = 200;
addGlobalStyle('#info { width: 400px; height: 300px; background-color:black; position: absolute;top:'+topinfo+'px;left:'+leftinfo+'px;z-index:1000;}');
addGlobalStyle('#info{color: blue; font-size: 12px; overflow:auto; padding-left: 5px;}');
function css(){
var breite = sessionStorage.getItem('nummer')
var farbe = sessionStorage.getItem('farbe')
var farbe1 = sessionStorage.getItem('farbe1')
addGlobalStyle('#einstellung { width: '+xwidth+'px; height: '+breite+'px; background-color:'+farbe1+'; position: absolute;top:'+top+'px;left:'+left+'px;z-index:1000;}');
addGlobalStyle('#einstellung{color: white; font-size: 12px; overflow:hidden; padding-left: 5px;}');
addGlobalStyle('.meinedivs { width: 0px; height: '+breite+'px; background-color:'+farbe+'; position: absolute;top:0px;left:0px;z-index:1109;}');
}
document.getElementsByTagName('body')[0].innerHTML += '<div id="einstellung">'
+'<div id="eins0" class="meinedivs"></div>'
+'<div id="eins1" class="meinedivs"></div>'
+'<div id="eins2" class="meinedivs"></div>'
+'<div id="eins3" class="meinedivs"></div>'
+'<div id="eins4" class="meinedivs"> </div>'
+'<div id="eins5" class="meinedivs"> </div>'
+'<div id="eins6" class="meinedivs"> </div>'
+'<div id="eins7" class="meinedivs"> </div>'
+'<div id="eins8" class="meinedivs"> </div>'
+'<div id="eins9" class="meinedivs"> </div>'
+'<div id="eins10" class="meinedivs"> </div>'
+'</div>'
+'<div id="info"></div>';
document.getElementById('info').innerHTML = ''
+'Breite des Lauflichtes <input type="range" id="nummer" name="nummer" min="10" max="200" size="10" value="10"><br>'
+'Tempo des Lauflichtes <input type="range" id="tempo" name="tempo" min="10" max="2000" size="10" value="2000"><br>'
+'Noch schneller : <input type="range" id="tempoplus" name="tempoplus" min="1" max="20" size="1" value="1"><br>'
+'Farbe des Lichtes : <input type="color" id="farbe" name="farbe" value="'+sessionStorage.getItem('farbe')+'"><br>'
+'Hintergrudfarbe : <input type="color" id="farbe1" name="farbe1" value="'+sessionStorage.getItem('farbe1')+'"><br>'
+'Menge Lampen : <select id="mengelampen" name="mengelampen">'
+' <option value="">Menge der lichter</option>'
+' <option value="0">1</option>'
+'<option value="1"> 2</option> '
+'<option value="2">3</option>'
+' <option value="3"> 4</option>'
+'<option value="4">5</option> '
+' <option value="5">6</option>'
+'<option value="6">7</option> '
+'<option value="7">8</option>'
+' <option value="8"> 9</option>'
+'<option value="9">10</option> '
+' <option value="10">11</option>'
+' </select><br>'
+'<div id="inn"></div><br>'
+'<div id="in0"></div><br>'
+'<div id="in1"></div><br>'
+'<div id="in2"></div><br>'
+'<div id="in3"></div><br>'
+'<div id="in4"></div><br>'
+'<div id="in5"></div><br>'
+'<div id="in6"></div><br>'
+'<div id="in7"></div><br>'
+'<div id="in8"></div><br>'
+'<div id="in9"></div><br>'
+'<div id="in10"></div><br>'
//var los1 = document.getElementById('farbe');
//los1.onchange =
function jo () {
var farbe = document.getElementsByName('farbe')[0].value;
var nummer = document.getElementsByName('nummer')[0].value;
var mengelampen = document.getElementsByName('mengelampen')[0].value;
var tempo = document.getElementsByName('tempo')[0].value;
var tempoplus = document.getElementsByName('tempoplus')[0].value;
var farbe1 = document.getElementsByName('farbe1')[0].value;
sessionStorage.setItem('tempoplus', tempoplus);
sessionStorage.setItem('mengelampen', mengelampen);
sessionStorage.setItem('nummer', nummer);
sessionStorage.setItem('farbe', farbe);
sessionStorage.setItem('farbe1', farbe1);
sessionStorage.setItem('tempo', tempo);
try{
clearTimeout(timer1)
}catch(e){}
css()
x=0;
los(x)
}
farbe1.onchange = jo;
farbe.onchange = jo;
mengelampen.onchange = jo;
nummer.onchange=jo;
tempo.onchange=jo
tempoplus.onchange=jo
function los(x){
var retval = lichtladen();
var menge =retval.vb
var mengelicht = retval.va
var lauf = menge*2;
if(x<lauf){
for(y=0;y<=mengelicht;y++){
if(y==0){
y1=-menge
}else if(y>=1){
y1=menge*y*2-menge;
}
// if(y==1){y1=-100}
// if(y==2){y1=100}
// if(y==3){y1=300}
// if(y==4){y1=500}
// if(y==5){y1=700}
// if(y==6){y1=900}
// if(y==7){y1=1100}
// if(y==8){y1=1300}
// if(y==9){y1=1500}
// if(y==10){y1=1700}
x2=parseInt(x)*parseInt(sessionStorage.getItem('tempoplus'))
if(x2>lauf){
x=0;
// los(x)
}
var alles =y1;
var alles1 =Math.round(alles+x2);
document.getElementById('eins'+y).style.width=menge+'px';
document.getElementById('eins'+y).style.left=alles1+'px';
// if(y<=9){
// y='0'+y;
//}
// document.getElementById('eins'+y).style.zindex='10'+y+'';
document.getElementById('eins'+y).innerHTML=alles1;
document.getElementById('in'+y).innerHTML='Div '+y+' = Positsion -'+alles1+' X -'+x+' X2 - '+x2+' Tempoplus - '+sessionStorage.getItem('tempoplus')+'';
}
x++
timer1 = window.setTimeout(function () {
los(x)
}, sessionStorage.getItem('tempo'));
}
}