Fehler 500 heißt fast immer, dass das Skript in einen Fehler läuft. Schalte die Fehleranzeigen ein, dass siehst Du mehr:
Beiträge von Sempervivum
-
-
Selfhtml sagt dazu:
ZitatDie Eigenschaft list-style ist eine Zusammenfassende Eigenschaft der möglichen Einzelangaben zu list-style-type, list-style-position und list-style-image.
HTML/Tutorials/Listen/Gestaltung mit CSS – SELFHTML-Wiki
Anscheinend streikt der Browser wenn Du nur eine Eigenschaft an gibst. Mit list-style-type sollte es funktionieren.
-
Jetzt haben wir wieder die Situation, dass es eine Fundsache ist, wo wir nicht genau wissen, wie aktuell und zuverlässig das ist. Wohler wäre mir wenn Du das originale Beispiel von Github genommen hättest.
ZitatZeilen 15 und 19 $fromName = 'Demo contact form'; Was muss da rein?
Weil eine Emailadresse manchmal etwa kryptisch sein kann, gibt es zusätzlich einen gut lesbaren Namen. Sieht in meinem Emailclient so aus:
Du kannst z. B. "Ristorante Sicilia" dort eintragen.
Zitat
Zeilen 26 damit ist wohl der smtp-server gemeint?Ja.
Zitat
Zeile 90 Muss da was geändert werden?Kann ich nicht beantworten. In dem originalen Beispiel auf Github wird der Hostname direkt eingetragen:
PHPMailer/examples/smtp.phps at master · PHPMailer/PHPMailerThe classic email sending library for PHP. Contribute to PHPMailer/PHPMailer development by creating an account on GitHub.github.comZitatZeilen 93 bis 105 muss ich wohl die Verschlüsselung angeben
Ja, Du musst die Daten angeben, die dein Provider verlangt.
Zitat
Zeile 7 Muss ich deshalb den ganzen Ordner zusätzlich auch noch hochladen?Hier bin ich mir nicht vollständig sicher. Selber habe ich die Dateien aus dem Verzeichnis "src" hoch geladen und eingebunden:
-
Ein Kontaktformular ist nicht so ganz ohne und mit ein wenig Copy&Paste oder Dateien einspielen ist es leider nicht getan. Auf der anderen Seite gibt es bei den Beispielen (examples) schon ein Kontaktformular (contactform.phps), was Du als Basis nehmen kannst. Diese Version setzt voraus, dass dein Provider einen lokalen Webserver zur Verfügung stellt. Prüfe, ob das bei deinem der Fall ist.
-
Zitat
dass ich leider was php angeht null Ahnung habe
Unter dieser Randbedingung ist es wenig empfehlenswert, einfach eine Fundsache aus dem Netz zu nehmen. Besser vorher fragen, was empfehlenswert ist. Die Antwort hast Du ja schon bekommen: Setze PHP-Mailer ein und dann sehen wir weiter.
-
Neuer Versuch, ich habe aspect-ratio und object-fit verwendet:
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>Dynamic Images</title> <style> .wrapper { display: flex; } .wrapper figure { flex-basis: 88px; flex-grow: 0; flex-shrink: 1; aspect-ratio: 88/64; margin: 0; border: 2px solid darkgray; } .wrapper img { width: 100%; height: 100%; object-fit: contain; vertical-align: top; } </style> </head> <body> <div class="wrapper"> <figure> <img src="images/88x64.jpg"> </figure> <figure> <img src="images/64x64.jpg"> </figure> <figure> <img src="images/88x64.jpg"> </figure> <figure> <img src="images/64x64.jpg"> </figure> <figure> <img src="images/88x64.jpg"> </figure> </div> </body> </html> -
-
Versuche ob das CSS in dieser Demo dein Problem löst (wobei ich hoffe, dass ich dein Absicht richtig verstanden habe):
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>Dynamic Images</title> <style> .wrapper { display: flex; } .wrapper img { flex-basis: auto; flex-grow: 0; flex-shrink: 1; /* Die Bilder haben per Default ein min-width und min-height von auto was sie daran hindert, zu schrumpfen. Wir müssen deshalb beides reduzieren. */ min-width: 0; min-height: 0; border: 2px solid lightblue; } </style> </head> <body> <div class="wrapper"> <img src="images/88x64.jpg"> <img src="images/64x64.jpg"> <img src="images/88x64.jpg"> <img src="images/64x64.jpg"> <img src="images/88x64.jpg"> </div> </body> </html> -
OK, sieh dir noch mal mein Posting #2 an, das CSS. Und hier werden die Zusammenhänge erklärt:
CSS/Tutorials/Selektoren/Kombinator – SELFHTML-Wiki
Und so funktioniert es dann:
-
Dann versuche es noch Mal mit meinem Code und stell es online.
Ich habe schon gemerkt, dass in meinem Code einige schließende Divs fehlten. So sollte es besser sein:
Code
Alles anzeigen<!-- The 1st Modal --> <div class="modal fade" id="myModal1"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h5 class="modal-title">Modal 1</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> </div> </div> </div> <!-- The 2nd Modal --> <div class="modal fade" id="myModal2"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h5 class="modal-title">Modal 1</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> </div> </div> </div> -
Das ist erst Mal nur ein Modal und funktioniert einwandfrei?
-
Kannst Du einen Link posten?
-
Wenn Du die beiden Modale unabhängig öffnen willst, wirst Du ohnehin zwei IDs brauchen:
Code
Alles anzeigen<a href="#" class="menu-link" data-toggle="modal" data-target="#myModal1"><h2>Modal 1</h2></a> <a href="#" class="menu-link" data-toggle="modal" data-target="#myModal2"><h2>Modal 2</h2></a> <!-- The Modal --> <div class="modal fade" id="myModal1"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h5 class="modal-title">Modal 1</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- The Modal --> <div class="modal fade" id="myModal2"> <div class="modal-dialog modal-lg"> <!-- usw. für Modal 2Dann ist auch das individuelle Styling kein Problem:
Code
Alles anzeigen#myModal1 .modal-content { background-color: #f2e694; color: rgb(2, 0, 0); } #myModal1 .modal-header { background-color: #860303; } #myModal2 .modal-content { background-color: lightblue; color: rgb(64, 0, 0); } #myModal2 .modal-header { background-color: lightsalmon; }Alles ungetestet aber ich erwarte keine Problem dabei.
-
Ich stimme hier im wesentlichen m.scatello zu und es gibt noch einen weiteren Gesichtspunkt: Die Inflation von Containern, die ich im Code von Emess sehe, erschwert die Wartbarkeit und die Fehlersuche: Man muss sich erst Mal darin zurecht finden, um das konkrete Problem hier zu lösen. Dabei kann einiges der Zeit ins Land gehen, die man mit Bootstrap ursprünglich eingespart hat. Jedenfalls wenn man etwas individuelles aufbauen will.
-
Hallo Bierprinzessin, willkommen im Forum!
In deinem Code gibt es folgendes Problem:
Um eine Nachricht auf diese Weise verschicken zu können, brauchst Du das Window-Objekt des Zielfensters. Um das zu bekommen, musst Du z. B. die Zielseite mit window.open öffnen. Und um sicher zu gehen, dass das Öffnen nicht durch einen Popup-Blocker geblockt wird (das war in meiner Testdatei der Fall) musst Du das Fenster durch Interaktion mit dem Benutzer, z. B. Mausklick, öffnen.
So funktioniert es dann bei mir so weit, dass die Nachricht auf der Zielseite an kommt:
Code
Alles anzeigen// Zielseite (Website 2) öffnen, dabei bekommen wir ihr Window-Objekt let dst; button4.addEventListener("click", function () { dst = window.open('http://localhost/thread1177-post-message-dst.html'); }); // Funktion zum Ändern des Bilds auf Website 2 function changeImageOnWebsite2(newImage) { // Nachricht an Website 2 senden dst.postMessage({ newImage }, "http://localhost:80"); }Natürlich musst Du die URLs meiner Testumgebung wieder durch deine ersetzen.
-
-
Wenn ich das Grundgerüst ergänze und es validieren lasse bekomme ich keine Fehler. Muss irgend wie an dem Umfeld liegen. Wie lautet denn die Fehlermeldung genau?
Ich nehme an, Du hast den Validator vom W3C verwendet?
-
Auch so etwas, das man leicht überlesen kann: AndreasB wollte darauf hinaus, dass Du "active" im CSS mit "c" schreibst, im Javascript jedoch mit "k".
-
Sieh dir das Ganze mal in Seiteninspektor an, dann erkennst Du, dass sich dieses:
gegenüber diesem durchsetzt:
d. h. das translateX(0) wirkt nicht.
Lösung indem Du den Selektor für den Modus "show" höher spezifisch machst:
-
Was das SELECT * betrifft, verdient noch ein weiterer Gesichtspunkt, erwähnt zu werden: Die Abfrage wird nennenswert schneller. Ich wollte das zunächst nicht glauben, aber ein eigener Test, Versuch macht kluch, hat mich eines Besseren belehrt: Der Gewinn lag im zweistelligen Prozentbereich.
Edit, ein weiterer Hinweis: Anscheinend bildest Du in deinem HTML eine Tabelle mit Divs und Flexlayout nach. Zunächst einmal wäre dafür ein Gridlayout besser geeignet. Aber Du schießt da ein wenig über das Ziel hinaus: Eine Tabelle einzusetzen ist nicht generell schlecht. In deinem Fall handelt es sich definitiv um tabellarische Daten und es spricht nichts dagegen, sie mit einer HTML-Tabelle anzuzeigen.