Beiträge von Sempervivum

Am Anfang des do fehlte ein if:

        do {
            if (count <= 3) { // Hier fehlte das "if"
                var eingabe = prompt(count + ". Versuch. Wie hieß der erste Erdbewohner im All:", "");
            }

Und die schließende geschweifte Klammer ganz am Ende musst Du vor das while verschieben:

        } while (eingabe != antwort1)
        {
            document.getElementById("ergebnis").innerHTML = "3 × falsch";
        }
        //        } die schließende Klammer gehört vor das "while"

Dann sind zumindest schon Mal die Syntaxfehler raus und die Frage wird angezeigt.

Hast Du denn das Problem lösen können?

Hallo Patrick und willkommen im Forum!

Wirf mal einen Blick in die Console, dort müssten Fehlermeldungen zu sehen sein, die dir weiter helfen.

Arbeiten mit dem Seiteninspektor – SELFHTML-Wiki

Dort auf das Tag "Console" gehen.

Du hast zwar nicht danach gefragt aber wenn deine neue SSD da ist, wirst Du irgend wie Windows wieder drauf bringen müssen. Wenn Du viel installiert und konfiguriert hast, kann das aufwändig und Zeit raubend werden. Ich habe die gleiche Aktion auch schon Mal durch gezogen und dabei mit Clonezilla ein Image angelegt und auf die neue SSD wieder eingespielt. Wenn sich die Größen unterscheiden erfordert das zusätzliche Maßnahmen, ist aber kein Problem.

(Bei mir war es kein Speicherplatzmangel sondern die alte war kaputt gegangen.)

Das hat sich jetzt überkreuzt, also doch zwei verschiedene Festplatten, nicht wahr?

PS: Wenn ich mir deine Beschreibung genau durchlesen, handelt es sich nicht um zwei Festplatten, sondern um eine mit zwei Partitionen? Dann sollte es möglich sein, zuerst die Daten-Partition zu verkleinern um Platz zu schaffen und dann die System-Partition zu vergrößern.

Warum das, weil Du keine Lösung findest, um mehr Platz zu schaffen? Trifft wohl wahrscheinlich bei dir nicht zu aber falls Du Dateien unter "Downloads", "Dokumente", Bilder etc. liegen hast, die kannst Du problemlos auf deine DATA-Festplatte verschieben.

Vertikale Ausrichtung ist ein Standardproblem und lässt sich leicht mit Flexlayout erreichen. Aber angesichts früherer Erfahrungen mit Threads von Emess verzichte ich darauf, eine Lösung zu posten.

Das müssen eckige Klammern sein [] um die URLs herum.

Die Liste der URLs hast Du angepasst? Ich habe da ja nur Dummies drin.

Wenn ja, dann sieh in die Console ob irgend welche Fehler angezeigt werden.

Das ist ziemlich einfach umzustellen: Die URLs in einem Array ablegen und eins nach dem anderen in das src-Attribut des iFrame eintragen:

<iframe id="iframe1" height="300" width="1220" frameBorder="0"></iframe>
<script>
const urls = [
        'https://example1.de',
        'https://example2.com',
        'https://example3.org'
        // hier kannst Du beliebig viele URLs hinzu fügen
    },
    intv = 5000,
    iFrame = document.getElementById('iframe1');
let idx = -1;
function cycleIt() {
    idx++;
    if (idx >= urls.length) idx = 0;
    iframe.src = urls[idx];
}
cycleIt();
setInterval(cycleIt, intv);   
</script>

(ungetestet)

Ja, wenn das dein Wunsch ist, kannst Du das mit Gridlayout realisieren. Mit grid-column und grid-row kannst Du angeben, in welcher Zelle des Grid ein Element angezeigt wird, siehe hier:

A Complete Guide to CSS Grid | CSS-Tricks

Our comprehensive guide to CSS grid, focusing on all the settings both for the grid parent container and the grid child elements.

css-tricks.com

Lies das in der rechten Spalte über die Grid-Items.

Oder alternativ kannst Du den Elementen jeweils eine grid-area zuweisen und dann mit grid-template-areas angeben in welchen Zellen des Grid sie angezeigt werden sollen.

Und wenn Du damit nicht zum Ziel kommst, dann melde dich wieder.

Dass eine Konstante definiert ist, bewirkt erst Mal gar nichts, Du musst UTF-8 auch einschalten.

Der Vorschlag auf Stackoverflow sieht so aus:

$mail->CharSet = "UTF-8";

aber Du kannst natürlich auch die Konstante zuweisen.

Zitat

Wie ist das mit den Eintragungen (Hacks?) für andere Browser à la -moz-*, -webkit-*, -ms-* und -o-* ?

Hier gibt canisuse.com Auskunft:

"cursor" | Can I use... Support tables for HTML5, CSS3, etc

D. h. cursor wird noch nicht von allen verbreiteten Browsern unterstützt und ich sehe auch keine Fußnote, dass es mit Prefix unterstützt wird. D. h. Du kannst diese unbesorgt weg lassen.

Lupus_III Benutzt Du PHP-Mailer? Bei dem ist UTF-8 nicht Default, Du musst es explizit einschalten, siehe hier:

PHPMailer character encoding issues

I try to use PHPMailer to send registration, activation. etc mail to users: require("class.phpmailer.php"); $mail -> charSet = "UTF-8"; $mail = new…

stackoverflow.com

Es gibt dazu auch ein Issue und man hat sich bewusst dagegen entschieden, es zum Default zu machen.

Guten Morgen, auch ein früher Vogel?

Zitat

wie kann ich diesen "nicht vorhandenen Cache" definitiv ausschalten?

Was zuverlässig funktioniert, ist ein Anhängsel an die URL:

    <link rel="stylesheet" type="text/css" href="css/tam-26-split-2.css" />

Und dann nach jeder Änderung erhöhen.

Ich habe mir das jetzt angesehen, funktioniert so weit einwandfrei. Wenn ein Bild groß ist, und man klickt auf das gleiche kleine wird verkleinert und gleich wieder vergrößert, wahrscheinlich ist es das, was Du meinst. Kann man leicht unterbinden, indem man prüft ob beide Bilder gleich sind:

            // Ist kein vergößertes Bild vorhanden?
            if (!document.querySelector('figure.ovl.large')) {
                // Bild sofort vergrößern:
                enlargeIt(event.target);
            } else {
                // Unterscheidet sich das geklickte Bild von dem großen
                if (event.target.getAttribute('src')
                    != ovl.querySelector('img').getAttribute('src')) {
                    // Das aktuell vergrößerte Bild verkleinern:
                    ovl.classList.remove('large');
                    // Vergrößern des neuen Bildes vormerken:
                    ovl.dataset.toEnlarge = event.target.getAttribute('src');
                }
            }

Weil der Browser eine relative URL zu einer vollständigen ergänzt, müssen wir konsequent mit getAttribute arbeiten damit die Vergleiche funktionieren, auch in dieser Zeile:

    // Bild in Overlay eintragen:
    largeImg.src = img.getAttribute('src');

Natürlich würde es auch anders herum gehen: Konsequent mit der vollständigen URL arbeiten.

Zitat

nach dessen Vergrösserung bei Klick an gleicher Stelle, also nach wie vor auf "Dorf", das Bild zuerst ein- und dann gleich wieder aufgezoomt.

...

Aber sie danach gleich wieder vergrössern ist dann m. E. doch etwas too much

Das darf natürlich nicht sein, ich hatte das im Verlauf der Entwicklung aber auch. Möglicher Weise habe ich nicht den aktuellen Stand gepostet, ich werde mir das ansehen.

Zitat

- Bei Anzeige von vergrössertem Bild und Klick darauf, wird "langsam" ausgeblendet. Wenn ich aber bei vergrössertem Bild auf anderes, kleines Bild klicke, fehlt diese Verzögerung. Lässt sich das "zwischen" den Bildern auch realisieren?

Versuche dieses Javascript. Es ist ein wenig kompliziert geworden. Die Alternative wäre gewesen, die Zeitdauer der Transition aus dem CSS auszulesen und mit setTimeout zu arbeiten.

const
    ovl = document.querySelector('figure.ovl'),
    largeImg = ovl.querySelector('img');
function enlargeIt(img) {
    const
        // Seitenverhältnisse von Body und Bild ermitteln:
        boxBody = document.querySelector('body').getBoundingClientRect(),
        ratioBody = boxBody.width / boxBody.height,
        boxImg = img.getBoundingClientRect(),
        ratioImg = boxImg.width / boxImg.height;
    // Bild entspr. Seitenverhältnis einpassen:
    if (ratioImg > ratioBody) {
        largeImg.classList.add('fitVertically');
    }
    // Bild in Overlay eintragen:
    largeImg.src = img.src;
    // Bild groß machen indem wir die Klasse "large" zum Overlay hinzu fügen:
    ovl.classList.add('large');
}
// Eventlistener für Klick irgend wo auf der Seite registrieren
window.addEventListener('click', event => {
    // Wurde innerhalb eines großen Bildes geklickt?
    if (event.target.matches('figure.ovl.large img')) {
        // Bild wieder klein machen indem wir die Klasse "large" löschen:
        ovl.classList.remove('large');
    } else {
        // Wurde auf ein kleines Bild geklickt?
        if (event.target.matches('img.small')) {
            // Ist kein vergößertes Bild vorhanden?
            if (!document.querySelector('figure.ovl.large')) {
                // Bild sofort vergrößern:
                enlargeIt(event.target);
            } else {
                // Das aktuell vergrößerte Bild verkleinern:
                ovl.classList.remove('large');
                // Vergrößern des neuen Bildes vormerken:
                ovl.dataset.toEnlarge = event.target.getAttribute('src');
            }
        }
    }
});
document.querySelector('figure.ovl').addEventListener('transitionend', event => {
    imgSrc = ovl.dataset.toEnlarge;
    // Wurde eine Vergrößerung vorgemerkt
    // und handelt es sich um das Ende der Transition
    // für das Verkleinern?
    if (imgSrc && !ovl.classList.contains('large')) {
        // Vorgemerkte Vergrößerung löschen:
        ovl.dataset.toEnlarge = '';
        // Neues Bild vergrößern:
        enlargeIt(document.querySelector('img[src="' + imgSrc + '"]'));
    }
});

Zitat

- Bei Anzeige von vergrössertem Bild und Klick darauf, wird "langsam" ausgeblendet. Wenn ich aber bei vergrössertem Bild auf anderes, kleines Bild klicke, fehlt diese Verzögerung. Lässt sich das "zwischen" den Bildern auch realisieren?

Da hast Du vollkommen Recht, dieser Code war ein erster Ansatz und ist in einigen Punkten noch verbesserungsfähig. Diesen Punkt sehe ich mir anschließend an.

Zitat

- Beim Vergrössern/Verkleinern des Bildes ist eine gewisse Verzögerung realisiert. Das ist prima. Bloss, wenn ich den Wert (in cc-File)

transition: all 1s linear; (?) ändere, kann ich auf der Seite keine Veränderung feststellen. Was habe ich (beim Verändern des Wertes "1s") falsch gemacht?

Bei ausgelagerten Dateien, sowohl CSS als auch JS, hat man öfters Probleme mit dem Cache: Der Browser holt die Datei aus dem Cache statt sie neu zu laden. Versuche, die Seite mit Strg+F5 neu zu laden, das erzwingt das Neuladen am Cache vorbei.

Zitat

- Wunsch wäre nun noch - ich hab's leider nicht hinbekommen - dass Maus-Zeiger bei hovern über kleinem Bild zu "Plus-Zeiger" bzw. über grossem Bild zu "Minus-Zeiger" wird. Ansatz etwa wie nachstehend? (Mir ist klar, dass das nur für Bildschirm gilt).

Wie hast Du das denn versucht? Bei mir funktioniert es mit diesem CSS einwandfrei:

img.small:hover {
    cursor: zoom-in;
}

figure.large:hover {
    cursor: zoom-out;
}