Beiträge von Sempervivum

Du hast diese Frage noch nicht beantwortet:

Zitat

Besteht das Suchergebnis einfach in der Zahl der Zeilen, die erzeugt werden sollen?

oder schließt es auch die Daten ein, die in den Zellen angezeigt werden sollen?

Zitat

ich hoffe ihr versteht was ich meine

Was mich betrifft, nicht so richtig. Was ist denn das für eine Suche, was wird durchsucht und wo kommt das Suchergebnis her? Besteht das Suchergebnis einfach in der Zahl der Zeilen, die erzeugt werden sollen?

Siehe hier:

https://stackoverflow.com/questions/1156…rer-z-index-bug

Schmutziger Trick und mir erschließt sich nicht wie, aber es funktioniert:

background          : url(#);

für das Objekt, das das PDF anzeigt.

Leider geht aus deinem Code das HTML des Menüs nicht hervor, weil es includiert wird. Poste besser den generierten Text aus der Quellcode-Ansicht des Browsers. Außerdem das CSS aus style.css.

PS: Mit passenden Suchbegriffen findet man z. B. diesen, der dein Beispiel korrekt berechnet:

https://defuse.ca/big-number-calculator.htm

Eine Seite, die 64 Bit Genauigkeit unterstützt, kenne ich nicht, aber ich war mit diesem Problem auch vor einiger Zeit konfrontiert und habe diese Erklärung gefunden:

https://www.w3schools.com/js/js_numbers.asp

Wahrscheinlich benutzt der Online-Umrechner der Uni ebenfalls Javascript.

Ob PHP eine höhere Genauigkeit unterstützt, habe ich nicht recherchiert.

Zitat

css3 das gleiche wie css

CSS3 ist eine relativ neue Version von CSS und enthält einige Erweiterung, u. a. Transition und Animation, das Du gerade kennen gelernt hast.

Zitat

kann man css3 auch für javascripte bzw in meinen fall userscripte benutzen

Ja, CSS3 kann man in Verbindung mit Javascript verwenden und da userscript auch Javascript ist, auch damit. Eine gängige Technik ist z. B., eine Animation oder Transition durch Setzen und Löschen einer Klasse zu starten bzw. zu stoppen.

body.anim {-webkit-animation: colorchange 5s infinite; }

Außerdem gibt es für Animationen eine Reihe von Events, wodurch Javascript ebenfalls damit interagieren kann.

Zitat

das die farben langsam zur anderen farbe wechselt ist wohl nicht möglich

Doch, auch Farben lassen sich animieren.

Zitat

dazu währe es ja einfach eine schleife zu machen die immer die zahlen ein höhr macht

Wäre im Prinzip möglich. Eine wesentlich bessere Möglichkeit ist jedoch, CSS-Animationen zu verwenden. Informiere dich darüber.

Super, dass es funktioniert. Aber ich glaube, der Umweg über Localstorage ist überflüssig. Probiere es so:

document.body.addEventListener('click', copy, true);
function copy(e){
    var inp = document.createElement("input");
    inp.value = window.getSelection();
    document.body.appendChild(inp);
    inp.select();
    document.execCommand("copy");
    inp.parentNode.removeChild(inp);
}

Zitat

dein code wie er da steht klappt so leider nicht

Doch, der funktioniert, ich habe ihn getestet.

Zitat

aber das feld soll ja nicht angezeigt werden

Wird es auch nicht, es wird temporär erzeugt, in den DOM eingefügt und nach dem Copy gleich wieder gelöscht.

Zitat

ich glaube mitlerweile das geht nicht mit userscripte

Und ich bin hundertprozentig sicher, dass es geht. Du postest immer, dass der Text in einer Variablen steht. Wie kommt er denn dort hinein?

Dann führt wahrscheinlich kein Weg daran vorbei, den Text aus der Variablen in ein temporäres input-Feld einzutragen und von dort aus in die Zwischenablage zu kopieren:

    <button id="toclipboard">Copy</button>
    <script>
        var txt = "Hallo Welt";
        toclipboard.addEventListener("click", function() {
            var inp = document.createElement("input");
            inp.value = txt;
            document.body.appendChild(inp);
            inp.select();
            document.execCommand("copy");
            inp.parentNode.removeChild(inp);
        });
    </script>

Dies hat bei mir nur funktioniert, wenn ich das input mit appendChild() in das DOM eingefügt habe.

Zu dem copy-Problem:

Die Funktion select() lässt sich nur auf Eingabefelder anwenden, nicht jedoch auf Variablen:

https://wiki.selfhtml.org/wiki/JavaScrip…elements/select

Da Du schreibst:

Zitat

das sollte doch gehen weil inputwahr ja vorher der text aus den inputfeld,oder habe ich da irgendwie ein denkfehler drinne???

hast Du den Text ja offenbar in einem input. Wenn Du darauf die Funktion select anwendest, sollte es funktionieren.

Zitat

addGlobalStyle('img:hover { background: yellow;transform:scale(1.5);transition: all 2s;border:1px solid red; }');

was muss ich da ändern ,das bei mouseout der effekt auch funktioniert

Du brauchst das transition nur dem img ohne hover zuzuweisen:

addGlobalStyle('img:hover { background: yellow; transform:scale(1.5); border:1px solid red; }');
addGlobalStyle('img { transition: all 2s; }');

Noch zu dieser Frage:

Zitat

kann man bei userscripte eigentlich die css auch so nehmen wie man die im netz findet

Eine alternative Möglichkeit könnte dieses sein:

    var stl = document.createElement("style");
    stl.innerHTML = "body {color: red;}";
    document.body.appendChild(stl);

Ist das CSS umfangreicher, müsstest Du es auf eine Zeile komprimieren. Das wäre aber genau so gut bei dem Verfahren mit addGlobalStyle() möglich.

PS: Test ergibt, dass es so nicht funktioniert, weil man auf diese Weise offenbar nur Attribute auswerten kann und keine CSS-Eigenschaften. Dies funktioniert jedoch:

CSS

        *[class*='magnify']:hover {
            transform: scale(1.2);
        }

JS

            var elems = document.querySelectorAll("*");
            for (var i = 0; i < elems.length; i++) {
                var ele = elems[i];
                if (Object.values(ele.style).indexOf('background-image') > -1) ele.classList.add('magnify');
            }

Mal sehen, vielleicht findest Du dafür ja auch noch eine einfachere Lösung

Zitat

addGlobalStyle('img:hover { background: yellow;transform:scale(1.5);border:1px solid red; }');

Geniale Idee, so ist es noch viel einfacher!

Zitat

ich habe auch ein paar bilder die als background images gespeichert sind,also in url(bild). wie kann ich das bild den vergrössern, weil in meinen fall ist das element ein div ...ein css mit div erstellen währe etwas doof weil auf der seite noch mehr div ist was da nicht mit spielen soll.

Du kannst einen CSS-Selektor auf Grund von Attributen verfeinern:

https://www.mediaevent.de/css/css-selekt…utselektor.html

Also in deinem Fall:

div[background-image] {transform: scale(1.5)}
div[background*='url('] {transform: scale(1.5)}

Nebeneffekt: Auch der Inhalt des div wird vergrößert. Will man das vermeiden, müsste man intensiver nachdenken.

PS: Man kann das Ganze stark vereinfachen, wenn man CSS und transform:scale() verwendet. Das hat zusätzlich den Vorteil, dass sich das Layout beim Vergrößern nicht verschiebt.

var imgs = document.querySelectorAll("img");
            for (var i = 0; i < imgs.length; i++) {
                var im = imgs[i];
                im.addEventListener("mouseover", function () {
                    this.style.transform = "scale(1.2)";
                });
                im.addEventListener("mouseout", function () {
                    this.style.transform = "scale(1.0)";
                });
            }
        });

Du brauchst nicht auf die Bilddaten selber zuzugreifen, sondern musst nur die entspr. Attribute manipulieren. Statt deines Ansatzes mit mousemove empfehle ich, mouseover und mouseout zu verwenden, dann kannst Du auf eine Neuigkeitsauswertung verzichten.

Dieses funktioniert bei mir im Tampermonkey:

        window.addEventListener("load", function () {
            var imgs = document.querySelectorAll("img");
            for (var i = 0; i < imgs.length; i++) {
                var im = imgs[i];
                var cstyle = getComputedStyle(im, null);
                var width = parseInt(cstyle.getPropertyValue("width"));
                var height = parseInt(cstyle.getPropertyValue("height"));
                im.setAttribute("data-owidth", width);
                im.setAttribute("data-oheight", height);
                im.addEventListener("mouseover", function () {
                    this.width = this.getAttribute("data-owidth") * 1.2;
                    this.height = this.getAttribute("data-oheight") * 1.2;
                });
                im.addEventListener("mouseout", function () {
                    this.width = this.getAttribute("data-owidth");
                    this.height = this.getAttribute("data-oheight");
                });
            }
        });

Zitat

da ich ein userscript bauen will

Was meinst Du damit? So ein Skript für Tampermonkey o. ä., das man auf eine fremde Seite anwenden kann?

Du musst berücksichtigen, dass, wenn ein Bild in Originalgröße eingebunden ist, dieses sich nur mit Qualitätsverlust vergrößern lässt.

Ein img-Element ist inhaltsleer, es hat keinen Inhalt in deinem Sinne, auf den Du mit innerHTML oder textContent zugreifen könntest.

Außerdem ist es verfehlt, in einem onmousemove-Handler ein alert anzubringen, weil dieser den ganzen Browser blockiert und das onmousemove-Element wiederholt triggert.