Beiträge von Sempervivum

Dafür würde sich ein Userskript mit Tampermonkey anbieten. Tampermonkey ist eine Browsererweiterung. Ich habe jetzt nicht im Kopf, für welche Browser sie verfügbar ist; müsstest Du mal überprüfen, ob auch für deinen bevorzugten Browser. Selber benutze ich sie in Opera. Damit kann man dann das Stylesheet manipulieren, so dass die Tweets auch im Druck sichtbar sind. Das Skript würde dann ich oder jemand anders hier erstellen und Du müsstest es nur in Tampermonkey einbinden.

Du zitierst deinen Programmierer folgender Maßen:

Zitat

The issue is that the loading script doesn't recognize any external javascript / css to be loaded on the new page.

It just takes the portion of the page and replaces on the existing page.

In der Doku von jQuery-load steht jedoch unter der Überschrift "Script Execution":

Zitat

When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded.

https://api.jquery.com/load/

D. h. zumindest für Javascript sollte es kein Problem sein, wenn es im nachgeladenen Inhalt steht. Wie es sich mit CSS verhält, müsste man untersuchen.

Genau solche Probleme sind der Grund, warum ich kein Freund davon bin, Javascript in nachgeladene Inhalte zu legen. Macht das Ganze unübersichtlich und schwer vorhersagbar.

Zitat

Ich werde das erstmal auf Glatteis legen.

Das ist bedauerlich und vermeidbar: Wenn dir das mit der rekursiven Suche zu kompliziert ist, könntest Du darauf verzichten und deine Bilder so organisieren. dass sie alle im selben Verzeichnis liegen. Dann wäre es mit der PHP-Funktion glob() ein Einzeiler, die Bilder einzulesen.

Zitat

Sempervivum kennt sich mit den Resonsiven Bilder Zeug gut aus.

Wenn einer die Bilder da responsiv rein bekommt dann er.

Dein Vertrauen in meine Fähigkeiten ehrt mich, basti1012, aber ich fürchte, wenn ich dort einsteige, kommt von irgend wo ein "Ick bin all hier".

Dies müsste das sein, was Du dir vorstellst:

<style>
 .box { display: inline-block; border: 2px solid red; }
 .box img { width: 90vw; height: 90vw; object-fit: fill; }
</style>
<div class="box"> <img src="images/dia0.jpg"> </div>

Allerdings, wenn Du den fill-Modus verwendest, braucht es kein object-fit:

<style>
 .box2 { width: 90vw; height: 90vw; display: inline-block; border: 2px solid red; }
 .box2 img { width: 100%; height: 100%; }
</style>
<div class="box"> <img src="images/dia1.jpg"> </div>

Aaaarg, leider ist beim Posten meine Formatierung kaputt gegangen.

Wenn Du nur vorwärts blättern willst, hält sich das Ganze noch im Rahmen und kann ziemlich leicht mit dem Radiobutton-Trick erledigt werden. Informiere dich z. B. hier:

https://css-tricks.com/the-checkbox-hack/

Dort ist zwar von "checkbox" die Rede, aber mit Radiobuttons funktioniert es genau so.

Es ist sicher machbar, aber ich rate davon ab, es nur mit HTML und CSS zu machen. Wird erfahrungsgemäß zu unübersichtlich und wenig änderungsfreundlich. Stattdessen empfehle ich, Fancybox im inline-Modus zu verwenden:

https://www.fancyapps.com/fancybox/3/docs/#inline

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.