aber richtig kann das noch nicht sein weil
if (unsafeWindow.angular) {
clearInterval(initWatcher);
}sollte den timer doch stoppen oder was ist mit unsafewindow genau gesagt ....fehlerkonsole ist leer aber timer stoppt nicht
ja habe beides versucht ..jetzt ist zwar der fehler weg "angular not defined" haber functionieren tut es noch nicht ...spiele gerade an die meta datein reinfolge rum aber daran wirds wohl nicht liegen...auch das einbinden in verschiedene reinfolgen liegt es auch nicht ... wer weiss woran es liegt ,man findet auch nicht viel bei googel darüber,wurde wohl selten gemacht sowas
meinst du das
var initWatcher = setInterval(function () {
console.log('watch');
if (unsafeWindow.angular) {
clearInterval(initWatcher);
init();
}
}, 100);
function init() {
console.log('angular', unsafeWindow.angular);
}oder den
unsafeWindow.watch('angular', function (prop, oldVal, newVal) {
console.log('watch');
if (newVal) {
unsafeWindow.unwatch('angular');
// angular is still undefined ATM, run init() a bit later
setTimeout(init);
}
return newVal;
});
function init() {
console.log('angular', unsafeWindow.angular);
}mein englisch ist nicht so gut ,vieleicht habe ich es auch falsch verstanden ..
habe auch
// @run-at document-end
also kein start wie es da steht und
//@grant auf unsafeWindow
gibt es bei den methadatein nee reinfolge die man einhalten muss??
auf der greasmonkeyseite konnte ich da nix finden
habe auch
wie ich das verstehe lädt das script schneller als die angular datei...also heist es man sollte erst angular laden und dann das script,damit angular auch definiert ist sehe ich das richtig???
also mit ein blöden timeoutgeht es nicht ,das habe ich versucht obwohl jetzt die fehlerkonsole was neues sagt
ReferenceError: angular is not defined
vor her stand da nur angular is not defined
hatte ich auch schon gedacht das es an reinfolge liegt,aber scheint nicht so ... hatte das problem auch mit anderen scripten wie "angular","hifhcarts" und viele weitere auch die googel scripte ...immer steht da das angular oder highcharts,oder googel not definid ist.
oder liegt das vieleicht doch an greasemonkey das sich da nicht alles einbinden läst... habe schon viel ausprobiert mit einbinden,es geht auch vieles,aber wie gesagt es gibt welche wie dieses hier das klappt einfach nicht ,und finde den grund nicht raus.
wenn ich dieses script benutzen will
http://jsfiddle.net/codearachnid/Le1jk85q/
binde ich so ein die links die da stehen
// @require https://cdn.rawgit.com/brinley…er/libs/jSignature.min.js
// @require https://cdnjs.cloudflare.com/a…r.js/1.4.2/angular.min.js
// @require https://code.jquery.com/jquery-2.1.3.min.js
kommt trotzden angukar ist not defined.... das hatte ich schon öffters mit anderen scripten...mache ich da was falsch mit den einbinden
ich hatte auch mal langeweile
https://jsfiddle.net/79m87q0n/1/
der code der läst sich bestimmt noch verbessern ... aber funktioniert,ich bin mal stolz auf mich
oh sorry haben zusammen geschrieben hatte mein vorigen beitrag gelöscht ..wahr wohl nicht schnell genug sorry....
Kein Ahnung, wofür Du #bild brauchst.
ich abe doch 2 divs übereinander..einmal bild wo mal ein bild rein soll und bildunten wo animierter kram rein kommt ....sehe ich da jetzt was falsch das ich #bild nicht brauche ,oder was meintest du damit
hammerhart das wahr jetzt aber eine schwere geburt für mich...weil lief erst nix ,musste noch ein createlement(div) machen mit bildinner dann hat jetzt alles geklappt ... vielen dank an dich .... jetzt müsste ja mit den selben code die animation mit running auch wieder anlaufen wenn ich das richtig sehe....probiere ich später mal aus...... habe noch nee kleinigkeit siehst du hier irgendwie ein fehler.... soll ein 10 mal 10 felder div werden ,mit wechselfarbe,soll noch mot ins script rein ....nur knallt er mir die felder nebeneinander und nicht nach 10 felder eine etage tieferobwohl ich top ja ändere ...aber sehe selbst
var ff = document.createElement("div");
ff.style.width = "200px";
ff.style.height = "200px";
ff.id='ff';
ff.innerHTML =''
document.getElementsByTagName('body')[0].appendChild(ff);
a=0;
l=20;
for(i=1;i<=100;i++){
if(i==10){a=1*l;}
if(i==20){a=2*l;}
if(i==30){a=3*l;}
if(i==40){a=4*l;}
if(i==50){a=5*l;}
if(i==60){a=6*l;}
if(i==70){a=7*l;}
if(i==80){a=8*l;}
if(i==90){a=9*l;}
var box = document.createElement("div");
box.style.width = "20px";
box.style.height = "20px";
box.style.top =a+"px";
box.id = 'p'+i
box.class = 'div'
box.innerHTML = a
ff.appendChild(box);
}a zeigt mir die richtigen höhen an aber wie gesagt bleibt auf einer höhe...man kann den code bestimmt einfacher schreiben habe das mal it document.write geshen ,aber im userscript geht das ja nicht also fällt mir nur die lösung ein
brauche ja nur das
addGlobalStyle('#bildunten:before { content: "";position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; z-index: -1; background: url('+urlbild+') 0 0 no-repeat;animation: rot '+tempo+'.'+tempoplus+'s linear infinite;} ');in das
addGlobalStyle('#bildunten #bild { content: "";position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; z-index: -1; background: url('+urlbild+') 0 0 no-repeat;animation: rot '+tempo+'.'+tempoplus+'s linear infinite;} ');habe ich doch richtig verstanden oder ?? habe es so ,dann mit bild und bildunten verdreht ausprobiert und dann mit und ohne content:""; aber nix geht dvon ...
bis zum pause effekt bin ich noch gar nicht gekommen weill das hier schon nicht läuft.....
oder habe ich irgendwas im dein fiddel übersehen
addGlobalStyle('#bildunten #bild { content: ""; position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; z-index: -1;background:url('+urlbild+') 0 0 no-repeat;animation:rot '+tempo+'.'+tempoplus+'s linear infinite;} ');
}habe auch bild und bildunten mal gedreht ,am anfang und ende des script hingepackt und andere sachen aus probiert aber er zeigt mir gar nix an nicht mal das bild oder den div behälter einfach gar nix ,erst wenn ich bild oder bildunten weg mache ....kennt greasmonkey die funktion nicht oder was ist da los...
ich habe das jetzt anders hinbekommen das beim starte einer anderen animation nicht mehr alles durcheinader läuft......aber das mit diesen hir das ist noch nicht von tisch ,das muss auch irgendwie laufen,dafummel ich noch rum oder trette mein browser im hintern weil in fiddel geht es ja bestens ..
Sempervivum = danke dir erstmal,und sobald ich fehler finde sage ich bescheid
So funktioniert es:
jo da läuft es bestens,,weiss nur nicht was du anders gemacht hast auser das hier( mit meinen ids)
document.querySelector("#bild #bildunten").style.animationPlayState = 'paused';nur meine fehlerkonsole sagt jetzt das das null ist ,also auch nicht geht ...habe extra drauf geachtet das es nach dem erstelen der divs eingebettet ist ,und auch mit zeitverzögerung,habe bild und bildunten gedreht....irgendwie läuft das nicht ...oder liegt es daran das es ein userscript ist und deswegen nicht geht
muss umbeding mal programm ruterladen damit ich vernünftig programieren lernen kann ,immer diesen mist im browser und notpad ist nervig,vorallem muss ich bei jedes mal beim testen die seite neu laden das dauert teilweise ewig
https://jsfiddle.net/a66zs23j/1/
habe mal fiddel gemacht aber da ist jaalles anders wie bei mir in den userscripten ...fiddel läuft auch nicht kein plan warum in browser läuft es bis auf die animations stop
EDIT in der funktion menu() ist das mit pause ,habe das in der fiddel nur // raus genommen mit //
edit
nimmt diesen link da sieht mn besser was ich habe
weiss einer was hierdran falsch ist
var banner = document.querySelector('#bildunten');
banner.onmouseover = function (evt) {
alert(banner)
banner.style.animationPlayState = 'paused';
}soll eine gestartete animation stoppen geht aber nicht
habees jetzt hinbekommen,wo der fehler lag weiss ich leider auch nicht so genau,,,werde mich jetzt mal in die css welt reinlesen und mal paarversuche machen... muss nur noch rausfinden wie ich am einfachsten in die css rein manipulieren kann weil ich das ja mit addGlobalStyle('{bla}'); mache.. wie man von ausen da rein greift ohne das man
var anderedaten ='yellow'
function lade_css_neu(anderedaten){
addGlobalStyle('{'+anderdaten}');
}
lade_css_neu()so kann ich das aber anders drauf zu greifen weiss ich noch nicht so genau
wenn mein laptop so gross wie ds zimmer währe könnte man zuseen wie das bild einen grossen bogen dreht ca 2 meter durchmesser... ich weiss nicht was das alles soll solangsam glaube ich das mein browser schrott ist ,,in div id="bild" funktioniert alles .mache ich bildunten raus fliegt das bild durchs zimmer ,das ist doch nicht normal,wie soll man so das programieren lernen wenn der browser oder sonst was ein veräppeln will
ja genau das meine ich ,und obwohl ich es jetzt so kopiere wie du es gemacht hast dreht sich immer noch der ganze container ....wenn dann beist sich jetzt irgendwas mit einen anderen script oder ich verstehe die welt nicht mehr...
mit denn css hast du recht da ist vieles leichter ,nur wenn ich da eine animation stoppen will weiss ich nicht wie ...bei den timern mache ich clearTimeout dann steht der ,bei css habe ich immer das problem wenn ich eine andere animation starten will das die alte animation weiterlaufen tut und die neue dann auch und dann ist chaos
das was du verlinkt hast das hatte ich schon so gut wie alles probiert aber nix macht das was ich meine....ich glaube ich bin zu blöd zu erklären ....ich finde aber auch kein beispiel im netz ...das sich die divs drehen kriege ich ja alles hin auch das sich das bild dreht,aber wenn sich das bild dreht dreht sich auch der div und daas soll er nicht ...so wie mein beispiel mit den fenster soll es sein ,aber ich googel mal weiter vieleicht finde ich ein beispiel irgendwo weil ein passendes script oder css befehl habe ich noch nicht gefunden
https://fiddle.jshell.net/edLL33br/
ich kucke mal ...das ist meine fiddel aber da läuft komischerweise überhaupt nix,,so als userscript im browser habe ich zumindest ein bild was sich dreht ...in der fiddel passiert nix ...aber man kann zumindest den code sehen .....ich kucke mal ob ich jetzt weiter komme
EDIT das ist meine fiddel ,aber nicht so wie es soll das bild soll sich ja drehen ohne das sich der div dreht
ich weiss nicht nach was ich googeln soll ich finde da nix ,zumindest suche ich falsch.... die funktion müsst ihr euch so vorstellen ...ihr sitz auf den sofa und kuckt aus den fester....wenn die ganze welt sich drehen würde sioeht ihr ber nur den bereich der so gross ist wie das fenster ,obwohl sich der hintergrund (die welt) sich dahinter komplett dreht ..... sowas will ich bauen ....das fenster habe ich ...mache ich die welt rein wird das fenster grösser trotz fester grössen... beim drehen der welt dreht sich das fenster auch mit,das soll ja stehen bleiben... ich mache mal fiddel fertig ...glaube das bringt aber nix weil das was ich jetzt habe ist ja nix dolles