Beiträge von Sempervivum

Verstehe. Ich hatte zunächst überlesen, dass der TO die Skripts ja schon herunter geladen hatte. Dann kann es eigentlich nur noch am Einbinden liegen. Oder es wird doch noch an anderer Stelle auf das Internet zugegriffen.

Zitat

die anderen beiden brauchen meines wissens kein Internet zugang

Da möchte ich vorsichtig Einspruch einlegen: Wie man an der URL erkennt, werden diese Bibliotheken aus dem Netz bzw. einem CDN geladen. Du, Muecke kannst sie jedoch problemlos herunter laden und direkt auf deinem Server bzw. dem Pi ablegen und von dort einbinden.

Edit: Dieses:

Zitat

Ich habe den Code der verlinkten Dateien schon kopiert und in neue Dateien geschrieben bei mir auf dem Rechner

hatte ich zunächst überlesen. Was meinst Du mit "bei mir auf dem Rechner"? Du musst sie dort ablegen, wo auch die HTML-Seite liegt bzw. in einem Unterverzeichnis, d. h. auf dem Pi, und von dort einbinden, also z. B. so:

<script src='js/jquery.min.js'></script>

wenn sie in einem Unterverzeichnis "js" liegen.

Anscheinend wird das hier eine endlose Geschichte

*kopfschüttel* ich denke, dies sollte einmal angesprochen werden: Die Vorgänge in diesem Thread und manchmal in Computerforen allgemein haben einen stark irrationalen Charakter: Auf der einen Seite wird der Einsatz von Frameworks oder Bibliotheken abgelehnt mit der gebetsmühlenfaften Begründung "... beraubt dich wertvoller Lernerfahrungen." Und in diesem Fall, wo das Selbermachen mit glob() wirklich einen Lerneffekt in Bezug auf rekursive Programmierung bringen würde, und das Verstehen fortgeschrittener Techniken erleichtern, wird mein Vorschlag diesbezüglich abqualifiziert?

Du brauchst lediglich ein, z. B., div-Element mit der ID "rectangle" anzulegen, dann wird es funktioniren

<div id="rectangle"></div>

Zitat

Das wahr keine Absicht, du hast aber schon gesehen das ich dazu geschrieben habe das ich nicht verstanden habe was du mir sagen wolltest? daher konnte ich auch schlecht drauf eingehen.

Ich hätte es gern näher erklärt, aber der Zug mit dem Drag&Drop war schon voll abgefahren, da wollte ich mich mit meinen unmaßgeblichen Vorstellung nicht mehr aufdrängen.

Zitat

Sorry die Antwort von Sempervivum habe ich gestern übersehen, Sorry.

Das ist ja in diesem Forum an der Tagesordnung: Weitschweifigkeit gewinnt, Substanz hat keinen Stellenwert.

Verstehe. Dann sehe ich allerdings nicht so großen Nutzen in dem Drag&Drop. Warum nicht einfach in der Tabelle zwei editierbare Textfelder hinzu fügen, wo der Mitarbeiter Name und Bemerkungen einträgt?

Die Beschreibung in Posting #7 ist sehr aufschlussreich. Was bedeutet denn das Verschieben, nachdem man sich mit Name und Bemerkung eingetragen hat? Das würde ja bedeuten, dass ein Mitarbeiter ein Gerät zurück gebracht hat (nach dem Verschieben ist Name/Bemerkung beim alten Gerät weg) und gleichzeitig ein anderes mitgenommen hat (nach dem Verschieben liegt Name/Bemerkung bei einem anderen Gerät).

Zitat

Nur leider habe ich das nicht mal auf meine DIV Boxen angewendet bekommen :-(.

ich verstehe nicht was da wo hin geschrieben werden muss / soll :-(.

Zitat

Ist das ein Projekt das ich als Anfänger hin bekomme?

Möglicher Weise hast Du dir da mit Drag&Drop wirklich etwas zu viel vorgenommen, wenn Du dich als Anfänger bezeichnest. Was bedeuten denn eigentlich diese beiden unteren Boxen? Möglicher Weise gibt es auch eine andere Lösung für dein Vorhaben ohne Drag&Drop.

Ins Blaue geraten:

Sieh dir mal dieses Video bei 3:18 an

http://modulesunraveled.com/responsive-ima…image-slideshow

Dort gibt es eine Checkbox für "Exclude from display" mit dem Text "Enable to load this field as hidden". Versuche das zu aktivieren und aktiviere display: none; wieder.

Ja, das ist das, was zu erwarten war und was sicher nicht das ist, was Du haben willst. Anscheinend zeigt Drupal das Bild nicht an, weil es beim Laden der Seite unsichtbar ist. Ich werde mal suchen, ob ich eine Lösung finde.

Um das einzugrenzen, versuche, das Collapsible am Anfang sichtbar zu machen, indem Du display: none; auskommentierst:

.green-content {
    padding: 0 18px;
    /*display: none; */
    overflow: hidden;
    background-color: white;
}

Vermutlich ist diese Variable in dem ersten JS irgend wie gekapselt, so dass sie nicht global ist und Du keinen Zugriff im zweite Skript darauf hast. Poste doch mal das erste Skript.

Zweites mögliches Problem: Websocket arbeitet wahrscheinlich asynchron, so dass die Variable u. U. noch nicht gesetzt ist, wenn Du im zweiten Skript darauf zugreifen willst.

Da der TO eingangs schrieb, dass es mit Videos funktioniert, erwarte ich eher nicht, dass es an der Platzierung des Javascript liegt.

Chris187 funktioniert die Anzeige des Bildes denn, wenn es außerhalb des Collapsilbe direkt angezeigt wird?

In der Doku finde ich nichts dazu, aber ich sehe zwei Möglichkeiten, es selbst zu realisieren:

1. Eine Hilfs-Eigenschaft benutzen, mit der man die Aktionen im Handler totlegen kann.
2. Den Handler auf null setzen.

(Auskommentiert: 1. aktiv: 2.)

    <canvas id="testclick"></canvas>
    <button id="disable">Disable</button>
    <script>
        // $('#testclick').addLayer({
        //     type: 'rectangle',
        //     name: 'rock',
        //     fillStyle: '#f00',
        //     x: 10,
        //     y: 10,
        //     width: 140,
        //     height: 200,
        //     clickDisabled: false,
        //     click: function (layer) {
        //         console.log(layer.clickDisabled);
        //     }
        // }).drawLayers();
        // $("#disable").on('click', function () {
        //     $('#testclick').setLayer('rock', {
        //         clickDisabled: true
        //     });
        // }); 
        function clickHandler(layer) {
            console.log("clicked");
        }
        $('#testclick').addLayer({
            type: 'rectangle',
            name: 'rock',
            fillStyle: '#f00',
            x: 10,
            y: 10,
            width: 140,
            height: 200,
            click: clickHandler
        }).drawLayers();
        $("#disable").on('click', function () {
            $('#testclick').setLayer('rock', {
                click: null
            });
        }); 
    </script>

Das geht mit Swiper:

https://idangero.us/swiper/demos/110-slides-per-view.html

Dass die Slides einrasten, scheint mir kein Nachteil, sondern eher für deine Anwendung wünschenswert zu sein.

Du müsstest dann drei Slider übereinander anordnen.

Mein Vorschlag:

https://jsfiddle.net/Sempervivum/rgwz7q0j/21/

Nur das Bild absolut positioniert. Bei schmalem Fenster werden die Elemente mit Flex übereinander angeordnet. Bei breitem Fenster dann die Anordnung wie in deinem Beispiel, Bild und Text überlappen sich.

Wenn es darum geht, mehrere Teilstrings auszuschließen, kannst Du die Abfragen einfach verketten:

if (!strstr($bild, 'IMG')&& !strstr($bild, 'substr2')&& !strstr($bild, 'substr3')) {

Außerdem hast Du es dir unnötig schwer gemacht: scandir liefert bereits den vollständigen Pfad, für das HTML kannst Du diesen direkt verwenden:

    <li>
        <a href="<?php echo $bild;?>">
        <img src="<?php echo $bild;?>" width="140"
                alt="Bildergalerie Katzen" /></a>
    </li>

Dann bleiben noch die Dateien "." und ".." übrig, wenn Du glob statt scandir verwendest, brauchst Du diese nicht extra auszublenden, ebenso evtl. andere, die keine Bilddateien sind.

1. Den HTML-Inspektor in den Entwicklerwerkzeugen deines Browsers benutzen.

2. Das CSS kann man automatisch formatieren, z. B. mit einem Online-Tool:

https://www.google.de/search?client=…=UTF-8&oe=UTF-8

Das liegt daran, dass Du das Untermenü absolut positioniert hast. Wenn ich das wegnehme, überdeckt es nicht mehr, sondern die anderen Punkte rutschen herunter:

html-seminar.de/woltlab/attachment/1946/

Falls Du die abs. Pos. für die Desktop-Ansicht brauchst, kannst Du sie ja mit einer Mediaquery bedingt machen.