Beiträge von Sempervivum

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.

In letzter Zeit funktioniert bei mir sporadisch so einiges nicht:

• Keine Werkzeugleiste beim Verfassen eines Beitrages
• Neuer Beitrag kann nicht abgeschickt werden - keine Reaktion
• Collapsibles öffnen sich nicht
• Keine Reaktion, wenn ich ein Unterforum als gelesen markieren will
• Keine Reaktion, wenn ich die Benachrichtigungen ein-/ausschalten will

Häufig aber nicht immer kann ich es durch Neuladen, auch Strg+F5, beheben.

Geht das nur mir so?

Beste Grüße - Ulrich

Zur Frage nach den Unterverzeichnissen: Da gibt es mehrere Möglichkeiten:

1. Mit glob von Hand ausarbeiten:

$imgarray = array();
function glob_recursive($path, $ext)
{
    global $imgarray;
    $dirs = glob($path . '/*', GLOB_ONLYDIR);
    foreach ($dirs as $dir) {
        glob_recursive($dir, $ext);
    }

    $imgarray = array_merge($imgarray, glob($path . $ext));
}
glob_recursive('dein-bilderverzeichnis', '/*.*');
// in $imgarray stehen jetzt die Bilder zur Verfügung

2. Iteratoren verwenden:

$path = 'dein-bilderverzeichnis';
$files = [];
$rii = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($path));
foreach ($rii as $file) {

    if ($file->isDir()) {
        continue;
    }
    $files[] = $file->getPathname();
}
// in $files stehen jetzt die Bilder zur Verfügung

Zur ersten Frage: Dieses: $bild != "." && $bild != ".." brauchst Du nicht, wenn Du glob verwendest. Und um auf einen Teilstring zu prüfen eignet sich strstr:

if (!strstr($bild, 'IMG'))

this ist nur verfügbar, wenn Du einen Eventlistener mit addEventListener registrierst. Wenn Du es inline machst, musst Du this explizit übergeben:

<span id="span1" class="pnumb" onclick="add2input(this);">01</span>
<span id="span2" class="pnumb" onclick="add2input(this);">02</span>
<span id="span3" class="pnumb" onclick="add2input(this);">03</span>
<script type="text/javascript">
  function add2input(ele) {
    var spanContent = ele.innerHTML;
    var inputValue = document.getElementById('ras_neue_reihenfolge').value;
    document.getElementById('ras_neue_reihenfolge').value = inputValue + spanContent + ",";
  }

Wie so häufig ist hier auch ein float die Ursache des Übels. Wenn ich es deaktiviere ist alles OK:

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

Die Anordnung nebeneinander/untereinander kann man viel besser mit Flex steuern.