Beiträge von Sempervivum

Sempervivum

Was ist denn ein Returnwert in einem Objekt?

Sempervivum

Das ist der Radiohack. Er ermöglicht es, Elemente auf Klick zu ändern. Kern der Sache ist dieses:

Code

            .mainimg input:checked + figure {
                display: block;
                opacity: 1;
            }

Man verwendet Radiobuttons und versteckt sie. Ist ein Radiobutton gecheckt, wird das figure-Element, das unmittelbar darauf folgt ("+"), sichtbar gemacht. Hier wird dafür opacity verwendet, um ein Überblenden zu erzielen.

Sempervivum

Dann versuch mal dieses:

Code

        let result = items.filter(function(item) {
            let pth = item.path;
            if (pth.lastIndexOf(".config") != -1) {
                let matches = pth.match(/\//g);
                if (matches.length == 1) {
                    return true;
                } else {
                    return false;
                }
            } else {
                return false;
            }
        });
        console.log (result);

Alles anzeigen

Sempervivum

Zitat

Aufgabe ist also zuerst nach .config zu filtern und dann nach einer datei die nur ein / hat

Verstehe ich das richtig: path soll auf ".config" enden und genau ein "/" enthalten?

Sempervivum

Ja, das ist realisierbar. Vor einiger Zeit habe ich mal dies entwickelt:

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>


    <style>
        .thumbs {
            display: inline-block;
            width: 50px;
            vertical-align: top;
        }

            .thumbs img {
                width: 50px;
                height: auto;
            }

        .mainimg {
            position: relative;
            display: inline-block;
            height: 400px;
            width: calc(100% - 50px);
        }

            .mainimg input {
                display: none;
            }

            .mainimg figure {
                position: absolute;
                width: 100%;
                height: auto;
                left: 0;
                top: 0;
                opacity: 0;
                transition: opacity ease 3s;
            }
            .mainimg figure img {
                width: 70%;
                height: auto;
                float: left;
            }
            .mainimg figure figcaption {
                display: inline;
            }

            .mainimg input:checked + figure {
                display: block;
                opacity: 1;
            }
    </style>
    <div class="thumbs">
        <label for="img1"><img src="images/dia0.jpg" /></label>
        <label for="img2"><img src="images/dia1.jpg" /></label>
        <label for="img3"><img src="images/dia2.jpg" /></label>
    </div><div class="mainimg">
        <input type="radio" name="radio-mainimg" id="img1" />
        <figure><img src="images/dia0.jpg" /><figcaption>Caption for image 1</figcaption></figure>
        <input type="radio" name="radio-mainimg" id="img2" checked />
        <figure><img src="images/dia1.jpg" /><figcaption>Caption for image 2</figcaption></figure>
        <input type="radio" name="radio-mainimg" id="img3" />
        <figure><img src="images/dia2.jpg" /><figcaption>Caption for image 3</figcaption></figure>
    </div>
</body>

</html>

Alles anzeigen

Das Aussehen kannst Du mit CSS nach deinen Wünschen gestalten.

Sempervivum

Die Aussage, dass es bei mir funktioniert, muss ich zurück ziehen. Ich habe da wohl etwas mit den Browsern durcheinander gebracht, das mit dem background funktioniert bei mir auch nicht.

Ich habe jedoch dieses gefunden:

http://jsfiddle.net/Jordan/gDuCE/

und versucht, in deine Seite einzubauen. Funktioniert im Prinzip aber noch nicht perfekt. Vielleicht kannst Du mit CSS die Animation auf das .cover abbilden, so dass man auf die zyklische Bearbeitung verzichten kann.

HTML:

HTML

<!doctype html>
    <html>
    <head>
        <title>Intranet</title>
        <link rel="stylesheet" type="text/css" href="../css/reset.css">
        <link rel="stylesheet" type="text/css" href="thread16-2.css">
        <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
        <link href="../CSS/icon.css" rel="stylesheet" type="text/css">
        <script src="../js/jquery.js"></script>
        <script src="../js/menu.js"></script>
    </head>
    <body>
        <center><img class="scaled" src="../images/Header_Intranet_Black.png" alt="Testbild" /></center>
        <header class="container">
            <nav class="navbar">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="../HauptD/index.php">Intranet</a>
                    </div>
                    <div class="collapse navbar-collapse" id="menu">
                        <ul class="navbar-nav">
                            <li class="dropdown">
                                <iframe class="cover" src="about:blank"></iframe>
                                <a href="#" class="dropdown-toggle">Ramsperger<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="../InterneMitteilungen/InterneMitteilungen.php" type="application/pdf">Interne Mitteilungen</a></li>
                                    <li><a href="../Aktuelles/aktuelles.php">Akutelles</a></li>
                                    <li><a href="../Aktuelles/Ansprechpersonen.php">Ansprechpartner</a></li>
                                    <li><a href="../Aktuelles/Besprechungsraum.php">Termine Besprechungsraum</a></li>
                                    <li><a href="../Sonstiges/Identifizierung_GwG.php">Identifizierung Geldwäsche-Gesetz</a></li>
                                    <li><a href="../Sonstiges/Geldwaesche-Prozess.php">Geldwäsche-Prozess</a></li>
                                    <li><a href="../Sonstiges/012016.php">Unfallregulierung</a></li>
                                    <li><a href="../Administration/filemanager.php">Administration</a></li>
                                    <li><a href="../Arbeitssicherheit_Gesundheitsschutz/AsGs.php">Arbeitssicherheit Gesundheitschutz</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <iframe class="cover" src="about:blank"></iframe>
                                <a href="#" class="dropdown-toggle">CROSS-System<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="../Cross/Support.php">HOTLINE - IS-Handel</a></li>
                                    <li><a href="../Cross/Eingangsrechnungskontrolle.php">Eingangsrechnungskontrolle</a></li>
                                    <li><a href="../Cross/Beschreibung_interne_GF_KD.php">Interne Geschäftsfälle KD</a></li>
                                    <li><a href="../Cross/SalesHandbuch.php">Handbuch NW / GW</a></li>
                                    <li> <a href="../Cross/SKR51-ALL-interne_GeschaeftsfaelleNGW.php">Interne Geschäftsfälle NGW</a></li>
                                    <li><a href="../Cross/SMS_und_E-Mail.php">Benachrichtigung via SMS und E-Mail</a></li>
                                    <li> <a href="../Cross/ServiceHandbuch.php">Werkstattplaner Umsteiger</a> </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <!-- Seiteninhalt -->
        <object class="Support" data="test1.pdf" type="application/pdf" wmode="transparent"><param name="wmode" value="transparent" /></object>
        <script>
            setInterval(function () {
                $("li.dropdown").each(function (idx, ele) {
                    var ul = $(this).find("ul.dropdown-menu");
                    var iframe = $(this).find("iframe.cover");
                    var w = ul.width();
                    var h = ul.height() + 10;
                    var pos = ul.position();
                    var left = pos.left;
                    var op = ul.css("opacity");
                    if (op == "1") disp = "block"; else disp = "none";
                    var top = pos.top;
                    iframe.width(w).height(h).css({ top: top + "px", left: left + "px", display: disp });
                });
            }, 100);
        </script>
    </body>
</html>

Alles anzeigen

CSS

Code

li.dropdown {
    position: relative;
}
    .cover {
        position: absolute;
        border: none;
        top: 0;
        left: 0;
        display:inline-block;
        z-index: -1;
    }

Alles anzeigen

Sempervivum

Sollte man zum Funktionieren bringen können. Poste doch noch Mal das aktuelle HTML und CSS. URL geht wohl nicht, wenn es Intranet ist.

Sempervivum

Ich versuche es mal anders: Bestätige oder korrigiere mal folgendes:

Du möchtest die Tabelle sortierbar machen? Das funktioniert sehr gut mit dem jQuery-Plugin Datatables. Man müsste prüfen, ob es möglich ist, jQuery und dieses Plugin in einem Userscript einzubinden.

Du möchtest zusätzliche Infos über die API lesen und in der Tabelle hinzu fügen? Dass man die User-ID aus der Tabelle lesen kann, habe ich jetzt verstanden.

Möchtest Du die vorhandene Tabelle erweitern und ändern oder eine Kopie mit den Erweiterungen anlegen?

Sempervivum

Stimmt die Klasse? In deinem ersten Posting lautet sie einfach "Support". Ich hatte es getestet, indem ich eine Testseite mit deinem HTML und CSS angelegt habe und es hatte funktioniert.

Sempervivum

Dieses Javascript:

Code

<form name="Autodaten" action="" method="get" enctype="text/plain">
        Hersteller:             <input id="autohersteller" type="text" name="autoerzeuger" value="" size="20" maxlength="50" onkeyup="" /><br>
        Farbe:                  <input id="farbevonauto" type="text" name="" value="" size="5" maxlength="10"  onkeyup=""/><br>
        Max. Geschwindigkeit:   <input id="geschw" type="text" name="" value="" size="5" maxlength="10"  onkeyup=""/><br>
        <input  type="submit" name="" value="Sichern" />
  </form>
     
<script>
    
var autoerzeuger = document.getElementById ('autohersteller').value;
document.write
var autofarbe = document.getElementById ("farbevonauto").value;
var maximalGeschwindig = document.getElementById ("geschw").value;
document.write ( autoerzeuger + " " +  autofarbe + " mit Höchstgeschwindigkeit: " +  maximalGeschwindig +  " sind im Formular angegeben worden.");

Alles anzeigen

wird sofort beim Laden der Seite aufgerufen. Zu dem Zeitpunkt sind alle Eingabefelder noch leer. Um eine Aktion auszulösen, wenn in einem Eingabefeld etwas eingegeben wird, kommst Du um Eventhandler nicht herum.

Und dieses:

Code

document.getElementById ("autohersteller").innerHTML.value

kann nicht funktionieren; entweder value (bei Eingabefeldern) oder innerHTML (z. B. bei span oder div).

Ich habe mal dieses ausgearbeitet:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Javascript Beispiel mit Objektorientierter Programmierung</title>
    <meta charset="utf-8">
</head>
<body>
    <form name="Autodaten" action="" method="get" enctype="text/plain">
        Hersteller:             <input id="autohersteller" type="text" name="autoerzeuger" value="" size="20" maxlength="50" onkeyup="" /><br>
        Farbe:                  <input id="farbevonauto" type="text" name="" value="" size="5" maxlength="10" onkeyup="" /><br>
        Max. Geschwindigkeit:   <input id="geschw" type="text" name="" value="" size="5" maxlength="10" onkeyup="" /><br>
        <input type="submit" name="" value="Sichern" />
    </form>
    <div id="anzeige"></div>

    <script>
        var dasAuto = null;
        function eingabenUebernehmen() {
            var hersteller = autohersteller.value;
            var farbe = farbevonauto.value;
            var geschwindigkeit = geschw.value;
            if (hersteller != "" && farbe != "" && geschwindigkeit != "") {
                dasAuto = new Auto(hersteller, farbe, geschwindigkeit)
                dasAuto.anzeigen("anzeige");
            }  
        }

        autohersteller.addEventListener("change", eingabenUebernehmen);
        farbevonauto.addEventListener("change", eingabenUebernehmen);
        geschw.addEventListener("change", eingabenUebernehmen);
        document.querySelector("form[name='Autodaten']").addEventListener("submit", function(e) {
           e.preventDefault(); 
        });

//    Objektbauplan über function
function Auto (autoerzeuger, autofarbe, maximalGeschwindig)
    {
//        Eigenschaften
        this.farbe      = autofarbe;
        this.hersteller = autoerzeuger;
        this.stillstand = 0;
        this.speedNow   = 0;
        this.maxSpeed   = maximalGeschwindig;
//        Methoden
        this.beschleunigen_um = function (kmh)
        {
            this.speedNow +=kmh;

            document.write('<br>Beschleunigt um:  ');
            document.write( kmh);
            document.write(' km/h auf km/h: ');
            document.write(this.speedNow);

            if (this.speedNow > this.maxSpeed)
                {
                    document.write('<p>' + this.speedNow);
                    document.write (' km/h geht Nicht - daher wird gedrosselt auf ' + this.maxSpeed + ' km/h!<br>');
                    this.speedNow = this.maxSpeed;
                }
        }

        this.bremsen_um = function (kmh)
        {
            this.speedNow -= kmh;

            document.write('<br>Abgebremst um:  ');
            document.write( kmh);
            document.write(' km/h auf km/h: ');
            document.write(this.speedNow);

            if (this.speedNow < this.stillstand)
                {
                    document.write('<p> Geht nicht - Das Auto steht jetzt!<br>');
                    this.speedNow = this.stillstand;
                }
         }
         this.anzeigen = function(id)
         {
             var anzei = document.getElementById(id);
             anzei.innerHTML = 'Hersteller: ' + this.hersteller + " Farbe: " + this.farbe + ' Höchstgeschwindigkeit: ' + this.maxSpeed;
         }
    }
    </script>
</body>
</html>

Alles anzeigen

Damit kannst Du ja mal versuchen, zu beschleunigen und zu bremsen.

Sempervivum

Noch ein Hinweis an dich, clkostbe: Auf diese Weise:

Code

function Auto (autoerzeuger, autofarbe, maximalGeschwindig)
    {
//        Eigenschaften
        this.farbe      = autofarbe;
        this.hersteller = autoerzeuger;
        this.stillstand = 0;
        this.speedNow   = 0;
        this.maxSpeed   = maximalGeschwindig;
//        Methode die in der naechtsten Funtkion erlaeutert wird
        this.beschleunigen_um   = beschleunigen_um;
        this.bremsen_um         = bremsen_um
    }
//Hier nun die Methode
function beschleunigen_um (kmh)
    {

Alles anzeigen

hebelst Du eine Haupteigenschaft der OOP, nämlich die Datenkapselung aus, weil die Funktion beschleunigen_um global ist. Besser so:

Code

function Auto (autoerzeuger, autofarbe, maximalGeschwindig)
    {
//        Eigenschaften
        this.farbe      = autofarbe;
        this.hersteller = autoerzeuger;
        this.stillstand = 0;
        this.speedNow   = 0;
        this.maxSpeed   = maximalGeschwindig;
//        Methode die in der naechtsten Funtkion erlaeutert wird
        this.beschleunigen_um   = function(kmh) {
        };
        this.bremsen_um         = function(kmh) {
        }
    }

Alles anzeigen

Sempervivum

Zitat

Und die variablen die in einer function erstellt werden sind nur in dieser Function auch anwendbar.

olkostbe benutzt hier die Funktion Auto() um ein Objekt anzulegen. In dem Fall gilt dies nicht uneingeschränkt. Man probiere dies:

Code

        function Auto() {
            var a = "a";
            b = "b";
            this.c = "c";
        }
        var dasauto = new Auto();
        if (typeof a == 'undefined') console.log("a is undefined");
        console.log(b);
        console.log(dasauto.c);
        if (typeof c == 'undefined') console.log("c is undefined");

Sempervivum

Das ist das Wesen einer Sortierung von Strings: Das was links steht, hat, wie bei einem nummerischen Wert, das höchste Gewicht, daher stehen die beiden 25. am Ende und die Reihenfolge wird durch den Monat definiert. Das Jahr hat dagegen das niedrigste Gewicht, da es rechts steht.

Solle sich lösen lassen, indem Du usort mit einer geeigneten Vergleichsfunktion verwendest.

Sempervivum

Jetzt verstehe ich es etwas besser, aber noch nicht vollständig:

Code

+ '<tr id="a1"> '<tr id="a2> .......

Ist das 1, 2, 3, ... die User-ID?

Wenn die User-ID nicht einfach eine laufende Nummer ist, wo kommt sie dann her?

Ich nehme an, DU willst den GM_xmlhttpRequest in einer Schleife absetzen und entsprechend dem Ergebnis die Schleife beenden. Leider postest Du nicht, wie Du die Daten heraus holst, Wie sieht das XML aus, wenn der User nicht vorhanden ist?

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?

Sempervivum

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?

Sempervivum

Siehe hier:

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

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

Code

background          : url(#);

für das Objekt, das das PDF anzeigt.

Sempervivum

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.

Sempervivum

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

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

Sempervivum

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.

Beiträge von Sempervivum

Problem beim JASON Array auslesen

Kleines Bild per Klick/Mouseover groß und an einer bestimmten Position anzeigen

Javascript Objekte Filtern mit Array.filter

Javascript Objekte Filtern mit Array.filter

Kleines Bild per Klick/Mouseover groß und an einer bestimmten Position anzeigen

Mit CSS ein Object in den Hintergrund legen

Mit CSS ein Object in den Hintergrund legen

tabelle sortieren

Mit CSS ein Object in den Hintergrund legen

Javascript Anfängerfrage: Programmierung mit Datenübergabe unklar.

Javascript Anfängerfrage: Programmierung mit Datenübergabe unklar.

Javascript Anfängerfrage: Programmierung mit Datenübergabe unklar.

array_multisort sortiert nich richtig

tabelle sortieren

tabelle sortieren

tabelle sortieren

Mit CSS ein Object in den Hintergrund legen

Mit CSS ein Object in den Hintergrund legen

Gesucht: Korrekte Online-Umrechner

Gesucht: Korrekte Online-Umrechner