Beiträge von Sempervivum

Dafür gibt es hier ein gutes Tutorial:

Kontaktformular Tutorial

Wahrscheinlich liegt das Problem nicht in dem Code, den Du gepostet hast, sondern im Umfeld:

Wie sieht die Funktion MailLoeschen aus? Woher weiß diese, welches Element gelöscht werden soll?

Und wie sieht das Umfeld deines Codes oben aus? Vermutlich in einem Eventhandler, der für einen Button registriert ist?

Da wird durch das Skript in utils.js in Zeile 113 die Default-Aktion für den Klick unterdrückt. Deaktiviere das preventDefault() und es sollte funktionieren:

$this._hide = function (event) {

            // Already hidden? Bail.
            if (!config.target.hasClass(config.visibleClass))
                return;

            // If an event was provided, cancel it.
            if (event) {

                // event.preventDefault(); // <== hier
                event.stopPropagation();

            }

Mein Computer kann leider diese Datei nicht auspacken. Poste besser die URL der Seite.

Ich habe es jetzt mal getestet mit den Bilder mit der Fischtasse und bei mir funktioniert es einwandfrei, auch ohne z-index:

    <div id="reel-wrapper">
        <img src="fish/DSCN0691.JPG" width="210" height="186" class="reel" id="image"
            data-images="fish/DSCN####.JPG|691..702">
        <img id="loadimg" width="210" height="186" src="/images/dia0.jpg">
    </div>

    <style>
        #reel-wrapper {
            position: relative;
        }

        #loadimg {
            position: absolute;
            left: 0;
            top: 0;
            transition: opacity 1s;
            pointer-events: none;
        }
    </style>

loaded: function (e) {
    get(_images_).length > 1 || t.css({ backgroundImage: url(reel.substitute(opt.path + get(_image_), get)) }).attr({ src: cdn(transparent) });
    get(_stitched_) && t.attr({ src: cdn(transparent) });
    get(_reeled_) || set(_velocity_, opt.velocity || 0);
    set(_loading_, false);
    loaded = true;
    $("#loadimg").css({ "opacity": 0 });
},

Normaler Weise liegt das oben, was zuletzt notiert wurde, aber wahrscheinlich modifiziert das Reel-Skript das DOM, so dass es dennoch überdeckt wird. Versuche, mit z-index das Ladebild nach vorn zu holen:

#loadimg {
    z-index: 9999;
}

Zitat

Bei Img Src = "... " hier alles was du für Peel benötigst ---> habe ich die Bildadresse zum Ladebild, was den Player überlagern soll eingegeben.

Das ist mit großer Wahrscheinlichkeit das Problem:

<div id="peelwrapper">
    <img src=" ... "> <!-- Dies ist das eigentliche Bild, das Reel anzeigen soll -->
    <img src="loadimg.gif" id="loadimg"> <!-- Dies ist das Ladebild, das das eigentliche Bild
                                          waehrend des Ladens verdecken soll -->
</div>

Das Problem ist hier, dass bei einem prompt() das HTML noch nicht angezeigt wird, bevor der Benutzer die Eingabe gemacht hat. Auch wenn man das HTML nicht mit document.write() erzeugt, sondern direkt notiert, ist es nicht besser. Versuche:

• entweder ein Eingabefeld (<input>) für den Betrag anzulegen
• oder den prompt erst durch Klick auf einen Button (<button>Eis einkaufen</button>) auszulösen

Zitat

viel, viel Zeit um ein paar Code-Zeilen zu meinem Beispiel zu schreiben.

Viel Zeit braucht es dazu nicht:

        $(function () {
            $('#sortable').sortable();
            $("#sendit").on("click", function () {
                var order = $('#sortable').sortable('toArray').toString();
                $.post({
                    url: "dein-php-skript.php",
                    data: { productOrder: order },
                    success: function (output) {
                        $("#result").html(output);
                    }
                });
            });
        });

<button id="sendit">Sortierung abschicken</button>
<div id="result"></div>

Kompliziert?

Der Parameter output enthält die Ausgaben deines PHP-Skriptes. Das kann eine Erfolgs-/Fehlermeldung sein oder das Ergebnis einer Verifikation des Umbenennens.

Mir erschließt sich ohnehin nicht wirklich, was der Vorteil sein soll, wenn man den Umweg über ein Formular und ein verborgenes Eingabefeld geht, gegenüber Ajax. Bei letzterem würde die Seite nicht neu geladen und die neue Sortierung würde bestehen bleiben.

Zunächst mal hast Du im CSS vor dem wrapper den Punkt vergessen, aber das ist wahrscheinlich nur ein Kopierfehler.

Ich vermute, es liegt daran, dass Du dem .boxen_wrapper eine feste Breite gegeben hast, dadurch wird wohl das flexible Verteilen ausgebremst. So wie Du es dir vorstellst, habe ich es leider nicht hinbekommen, nur indem ich mit einer Mediaquery die Anordnung von horizontal nach vertikal umgeschaltet habe:

        .wrapper {
            display: flex;
        }

        .abstand {
            flex: 1;
            border: 1px solid red;
        }

        .boxen_wrapper {
            flex: 0 0 auto;
            border: 1px solid red;
            display: flex;
            flex-wrap: nowrap;
        }

        .box {
            width: 250px;
            border: 1px solid green;
        }

        @media (max-width: 1000px) {
            .boxen_wrapper {
                flex-direction: column;
            }
        }

Wenn ich mir diese PDFs ansehe, gewinne ich den Eindruck, dass es Scans sind und jede Seite aus einer großen Grafik besteht? In dem Fall könntest Du die Scans auch als Grafikdateien abspeichern und würdest dich bei der Darstellung leichter tun. Oder, wie Basti sagt, wenn die Zeitung in irgend einer Form elektronisch erstellt wird, nicht den Umweg über Papier und Scannen gehen, sondern versuchen, das Dokument in einem Format auszugeben, das sich für die Darstellung im Web besser eignet.

Zitat

Von etwa hundert Mitgliedern können einige wenige (etwa 10) die Mitgliederzeitung nicht öffnen.

Könnte es sein, dass diese den IE benutzen? Der kann nämlich PDFs nicht anzeigen sondern bietet sie zum Download an.

Zitat

beim letzten Produkt pro Seite wird die Border nicht angezeigt.
Was könnte das für einen Grund haben bzw. wie könnte man das vllt. fixen ?

Das wird durch dieses CSS in package-mobilesf.css verursacht:

ul.Products li:last-child {
    border: 0;
}

Du kannst das Überschreiben durch deine eigene Definition erzwingen, indem Du ein !important dahinter schreibst:

border: 1px solid grey !important;

Nicht schön, aber ich nehme an, diese Datei gehört zum Shop und Du kannst sie nicht verändern.

Zitat

kann man eigentlich diesen ganzen Bereich unter den Produktbildern ansprechen ? Also den Bereich in dem Produktname und Preis stehen ? Dem würde ich gerne noch eine Top Border geben, Hintergrund farblich hinterlegen, Schriftstyle und Farbe verändern usw.

Das ist kein Problem, denn beides ist schon in einem div-Container zusammen gefasst:

ul.Products li div {
    border-top: 2px solid black;
    background-color: lightblue;
    /* usw. */
}

Zitat

Dass zwischen den Rahmen der Produkte, in der Mitte zwischen den zwei Spalten, etwas frei ist, die Rahmen sich nicht berühren, habe ich mit "margin-right: 6px" gemacht, flex: 0 0 47%. Das ist okay so oder könnte das dann die responsive Darstellung auf manchen Geräten zerballern ?

margin ist ein gängiges Verfahren, um einen Abstand zu erzeugen, ich erwarte dabei keine Probleme. Auf jeden Fall besser als Leerzeichen, wie man es manchmal sieht.

Hatte nicht genau hingesehen: D101* ist ja ein Kind von H101, d. h. letzteres muss man in die Adressierung einbeziehen:

        for (var i = 0; i < 100; i++) {
            var item = Haus.H101['D101' + i];
            if (item) console.log(item.Name);
        }

Woran es gelegen hat, weiß ich nicht richtig, denn ich kann den Fehler immer noch nicht reproduzieren. Aber ich habe eine Lösung bei Stackoverflow gefunden:

https://stackoverflow.com/questions/6735…vertical-bottom

Dieses CSS tut es:

ul.categories li a {
    display: inline-block;
    vertical-align: text-top;
}

Also nicht auf das Listitem angewendet sondern das a-Element darin.

Wenn Du den Schlüssel aus einer Variablen zusammenbauen willst, ist die Syntax etwas anders:

Haus['D101' + i]

Und die Anzahl der Artikel kannst Du nicht über CSS ändern, die wird durch deine Shopsoftware gesteuert. Dort musst Du nachforschen.

1) ist kein Problem: Durch align-items: center; kannst Du es zentrieren:

ul.Products li {
    clear: both;
    overflow: hidden;
    margin: 0 0 6px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    align-items: center; /* <== */
}