Javascript und Userscript

Habe mal versucht deine fragen zu beantworten

Greasemonkey/ Userscripte /Tampermonkey Anleitung Instalation

Zitat von peter32139

Muss ich Javascript als erstes lernen?

Oder erst Userscript?

Javascript ist das gleiche wie Userscript.

Es gibt minimale sachen die beim userscript anders sind,das bezieht sich am meisten auf das einbinden externer scripte und das manipulieren der css.

ansonsten ist das das gleiche.

an besten nimmt du https://www.html-seminar.de/ und liest dich da erstmal durch.

Bei fragen steht das forum dir gerne zu verfügung.

darf man mal fragen ,

Hast du eine bestimmte internet seite mit ein userscript zu verändern? oder was hast du vor?

Zitat von peter32139

Habe mal was ausprobiert und jetzt wird die ganze Seite etwas merkwürdig angezeigt,alles durcheinander ,sieht so aus als eine Bombe eingeschlagen währe.

Was ist da passiert? Habe ich beim Installieren was falsch gemacht?

Hast du dasproblem noch? wenn ja dann erklär mal genauer was du gemacht hast und zeigmal dein vorhandenen code ,fals vorhanden.

das mit den schnee kann ich dir zeigen

http://jsfiddle.net/6eypdhjp/

das habe ich mal irgendwann gefunden. das ist eine von vielen möglichkeiten es im browser schneien zu lassen.

mit deiner schiebetür habe ich jetzt nix da. vieleicht läst sich da ja was basten. aber ich wüsste gerade nicht wie? mal kucken was man da machen kann

Schnee habe ich auch:

http://ulrichbangert.de/heimat…hp#weihnachtsmarkt_goslar

oder hier habe ich extra für dieses forum gemacht

https://jsfiddle.net/basti1012/4pru594a/9/show/

also mein schnee script kriege ichin greasmonkey nicht zu laufen. iregdnwie geht das addclasss und css zuweisen mit jquery da nicht .habe alles versucht aber irgendwie klappt das nicht ,nicht mal eine einfache background farbe kann ich mit addclass vergeben. keine ahnung was der scheiss soll.

Sempervivum hast du da ahnung wie das geht ? wie gesagtaddclass geht einfach nicht ,bekomme auch keine fehlermeldung

auch ganz normales css("background","red") geht nicht

ganz einfacherer code ohne funktion

var zahler = document.createElement("div");
  zahler.id = 'zahler';
  

    document.getElementsByTagName('body')[0].appendChild(zahler);



 GM_addStyle('.zahler2{position:absolute;top:0px;left:0px;width:350px;height:350px;background:red;border:1px solid black;pointer-events: none;}');
  GM_addStyle('.zahler1{position:absolute;top:0px;left:0px;width:350px;height:350px;background:green;border:1px solid black;pointer-events: none;}');
 
 
 
zahler.innerHTML ='<div id="aa" class="zahler2"></div>';
 





$("#zahler").removeClass("zahler2")
$("#zahler").addClass("zahler1")

man man diese userscripteund das jquery klaut mir noch den letzen nerv.

aber peter32139 du musst jetzt den code kopieren und in ein neues userscript rein kopieren.dann sollte es in jeder browserseite schneien.

fals du es so haben wolltest

// ==UserScript==
// @name schnee everywhere 
// @namespace by basti 1012
// @include **
// @noframes
// @grant  GM_getValue
// @grant  GM_setValue
// @grant  GM_addStyle
// @grant  GM_xmlhttpRequest
// @version       1.0
// run-at document-start
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// ==/UserScript==
 



schneefall()


function schneefall(){
 
 
    var windowHeight = $(window).height();
    var windowWidth = $(window).width();
 
    //$('#snowingScreen').css('height', windowHeight);
    //$('#snowingScreen').css('width', windowWidth);    
 
    function generateSnow() {
        
     
        for(i=0; i<4; i++){
     
 var snowTop = Math.floor(Math.random()* (windowHeight/2) );     
 var snowLeft = Math.floor(Math.random()* (windowWidth - 10) );    
     
            $("body").append(
         
                $("<div />")
                    .addClass("snow")
                    .css("top", snowTop+"px")
                    .css("left", snowLeft+"px")
                              .css("color","red")
                    .css("position","absolute")
                                  .css("z-index","1000")
                    .html("*")
                    .click(function() {
                        alert('You Clicked');
                    })
            );
        
        }
     
    }
  
  
  
  
  
  
  
  
  
     function snowFalling(){
          $(".snow").each(function(key, value){
      if( parseInt($(this).css("top") > windowHeight - 10 )) {
              $(this).remove();
             }        
           var fallingSpeed = Math.floor(Math.random() * 5 + 1);
          var movingDirection = Math.floor(Math.random()*2);
            var currentTop = parseInt($(this).css("top"));        
          var currentLeft = parseInt($(this).css("left"));                
      $(this).css("top", currentTop + fallingSpeed+"px");    
       if( movingDirection === 0){
               $(this).css("left", currentLeft + fallingSpeed+"px");    
                
      }else {
 $(this).css("left", currentLeft+ -(fallingSpeed)+"px");
        
      }                              
     });    
     }
      

 aa1=window.setInterval(function(){snowFalling()}, 400); 
 aa2=window.setInterval(function(){generateSnow()}, 400);

}

der code ist aber nicht gut der bremst den browser aus . ich glaube das remove nicht funktioniert und deswegen immer mehr flocken erstellt und deswegen irgendwie ausbremst oder so ( weiss aber nicht wie ich das sehen kann,kenne die fehlerkonsole nicht so gut). in fiddel geht es ja aber in userscript spinnt er rum. mal kucken ob ich was besseres finde oder einer den fehler findet im script

die console hat vordefinierte farben für bestimmte sachen ,wie error hinweiss und so .wenn die nicht reichen kannst du auch eigene farben dazu machen . auch grösse und backgroundfarbe läst sich ändern

console.log('%c Danke fürs testen ', 'color: blue;font-size:25px;background:black;')

man kann auch die bilder in der console anzeigen lassen .nur weiss ich nicht wie das geht . Als backgroundimage geht es aber es geht auch ohne aber das weis ich halt nicht .finde ich über googel aber auch nicht . vieeicht weis das ja noch wer anders.

peter32139 kuck mal ob du damit was anfangen kannst ,und ob bei dir alles funktioniert.

https://greasyfork.org/de/scripts/36672-schiebetuer-mit-meue

ist noch nicht perfekt aber ich arbeite dran . bin noch am überlegen wie man ein vorhang hinbekommt ,aber ohne foto sehe ich mit meinen kentnisse keine chance

Vorhang mit Grafiken:

https://jsfiddle.net/Sempervivum/4gthpxp7/3/

da kann man wieder sehen das ich anfänger bin und du profi. du hast es mit reichlich wenniger code hinbekommen. mit den foto vom vorhang hatte ich auch schon gedacht ,habe mir auch schon vorhänge bei googel zusammen gesucht .

ich wollte dann ein bild mit java in der hälfte teilen und dann anzeigen lassen ,so das der benutzer einfach nur ein bild wechseln brauch.

nur ich wusste nicht wie ich das bild in 2 teilen kann.

"background-clip" ?

background-position"?

oder wie macht man das an besten?

peter32139 ist das vonSempervivum nach deinen wünschen ? theoretisch brauch man das nur in ein userscript kopieren,auser die css die muss in addstyle() rein.

wenn du es so haben willst und nicht hin bekommst dann sag bescheid

Schaut mal, ich habe den Vorhang zum Schwingen gebracht:

https://jsfiddle.net/Sempervivum/stvdbLfL/3/

Coole idee mit den schwingen ,sieht geil aus .

habe heute aucheinbischen gebastelt https://jsfiddle.net/basti1012/js9s4yy7/5/

dazu meine frage. ich wollte das mal versuchen reponsiv zu machen ,so das alles mit wachsen tut wenn man das fenster vergrössert.

eigentlich kann ic das so weit aber wie macht man das bei der sonne? und bei den regenbogen ?

wenn 9ich bei sonne width10% und he8ght auch 10 % mache it die sonne nicht mehr rund. da fält mir nur ein mit javascript die fenstergrösse auszulesen und daann auf die sonne anwenden. genau so wie mit den regenbogen. wenn ich da prozet anwende ist das kein halbkreis mehr