Beiträge von Sempervivum

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.

Mit CSS kannst Du nichts anzeigen, sondern Du kannst nur ein Element, das Du im HTML definiert hast, gestalten. In deinem HTML gibt es jedoch kein Element mit der ID rectangle, wenn Du es im body einfügst, z. B. als div, sollte es funktionieren.

Die Entwickler des Standards werden sich wohl etwas dabei gedacht haben, als sie das Attribut "scrolling" für den iFrame entfernt haben. Vermutlich weil es aus Sicht der Benutzerfreundlichkeit nicht abgebracht ist, den Scrollbalken zu unterdrücken. Wie soll denn dann gescrollt werden? Nur mit dem Mausrad? Ich kann mich erinnern, dass mir mal ein derber Fluch herausgerutscht ist, als ich auf eine solche Seite geraten bin (ich glaube, es war Bootstrap).

PS: Fertigen Beitrag bearbeiten geht nicht, wird nicht zum Editieren geöffnet, sondern der Browser springt zum Anfang der Seite.

Benutze Opera.