Formular von Werner Zenk

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Moin,


und willkommen bei uns im Forum :hallo:

Im generierten Code der letzten (dritten) Seite findest Du doch oben die Style-Anweisung, die kannst Du nach Belieben anpassen.

Code: Alles auswählen

<style>
  body, textarea {
   font-family: Verdana, Sans-Serif;
   font-size: 1rem;
  }

  span.pflichtfeld {
   font-size: 0.90rem;
   color: Red;
  }

  span.hilfetext {
   font-family: Arial, Tahoma, Sans-Serif;
   font-size: 0.80rem;
   font-style: Oblique;
   color: #009500;
  }
  </style> 
Solltest Du das in "Mobirise" einbauen wollen, dann gucke Dir mal mein Tutorial dazu an. Dann solltest Du auch "Bootstrap" auf der ersten Seite vom "Formular Generator" aktivieren.

https://mobirise-tutorials.com/Formular ... mular.html

Für die Position neben einem Bild wählst Du am einfachsten eben einen solchen Block (Bild und Text). Im Text-Bereich baust Du dann das Skript vom Formular ein.

Wenn nötig - erkläre ich Dir das aber auch gerne noch genauer - und - eventuell an einem Beispiel.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Werner-Zenk.de »

Style-Anweisung für die Labels:

Code: Alles auswählen

<style>
label {
 color: #0000FF;
}
</style>
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Du kannst dann bei Mobirise solche Style-Anweisungen auch direkt in in den Bereich "CSS Editor" vom "Code Editor" des Mobirise-Blocks mit dem Formular-Code eintragen.

Dann aber natürlich ohne das <style> Tag </style>, denn dort schreibt man ja direkt in die Customer CSS-Datei:

mbr-additional.css

Code: Alles auswählen

label {
 color: #ffffff;
}
Im Screenshot kannst Du rechts die CSS von einem meiner Formulare sehen:

Code Editor.JPG
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Werner-Zenk.de »

Ist die mbr-additional.css nicht die globale CSS-Datei und diese wird bei jedem Eintrag immer fetter?
Bei so wenigen CSS-Anweisungen würde ich ein internes Stylesheet bevorzugen. Da kann man mal schnell etwas ändern, ohne da in der externen CSS-Datei zu suchen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

... Mobirise hat ja etliche globale CSS-Dateien, wie z.B. auch eine "allgemeine" und eine für jedes "Thema" und je nach Verwendung noch etliche andere, wie z.B. für die Menüleiste, Icons oder bestimmte Galerien, usw. Natürlich auch die Bootstrap-Dateien und eventuell CSS-Dateien von Google. Das ist schon ziemlich (zu) viel.

Diese CSS-Datei mbr-additional.css wird eben benutzt, wenn man über den "Code Editor" zusätzliche CSS in einem Block einträgt. Daher steht dann dort auch für jeden unterschiedlichen Block eine eigene Class mit der Block-Bezeichnung dabei.

Ja - je mehr Blöcke es werden, desto größer bläht sich diese CSS-Datei auf und wird auf den meisten Seiten nur zu einem kleinen Teil verwendet, was aber auch ohne eigene und individuelle CSS-Einträge so ist. Die paar eventuellen eigenen Eonträge spielen dabei absolut keine Rolle mehr und man findet diese ja immer schnell an seinem Block, für die man sie eingesetzt hat.

Das hat auch Vorteile, da man dann z.B. ein allgemeinen Selektor - Beispiel <a> Tag (Link) - eben nur für einen ganz bestimmten Block ändern kann, da dann immer die Block-Bezeichnung mit an die CSS-Class generiert wird und andere Bereiche der Seite automatisch unberührt bleiben.

Man sucht also nie in dieser CSS-Datei und man editiert auch diese CSS-Datei nie direkt.

Das macht der Mobirise-Nutzer ausschließlich im Bereich "CSS Editor" von der Erweiterung "Code Editor" des entsprechenden Blocks.

Natürlich kann man bei Mobirise auch auf seine eigne CSS-Datei im Head verweisen, inzwischen kann man das auch global tun. Diese CSS hat dann auch Vorrang, denn sie wird von Mobirise unter alle anderen CSS Dateien platziert.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Moin,

... genau das ist mir vor ein paar Tagen auch passiert :eek:

Du musst auf der ersten Seite bei "Formulardaten" wählen:

"als E-Mail versenden"

(und nicht "in einer TXT-Datei speichern"):


Formulardaten.JPG


Da musst Du versehentlich "in einer TXT-Datei speichern" gewählt haben.

Gehe also zurück auf den Generator und wähle "als E-Mail versenden". Deine Felder sollten dabei alle erhalten bleiben.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Moin,

bitte überprüfe auch nochmals die Einstellungen auf der zweiten Seite vom "Formular Generator".

Mir ist noch aufgefallen, dass Du in Deinem Quellcode (oben), bei "Nachname" und bei "Telefon" (vielleicht auch noch woanders) nur maximal 1 Zeichen als Eingabe zugelassen hast:
Quellcode hat geschrieben:
$Fehler["nachname"] .= strlen($_POST["nachname"]) > 1 ? " Es sind maximal 1 Zeichen erlaubt!" : "";


Das geht natürlich nicht, die Auswahl "Max. Zeichen" sollte dort wohl eher leer bleiben oder zumindest nicht nur 1 Zeichen sein.


Das passiert leider schnell mal, wenn der Cursor über einem Auswahlfeld platziert ist und man eigentlich nur die Seite am Scrollrad bewegen will, dabei dann aber veresehentlich ein Auswahlfeld bedient.

Also den Cursor beim "Formular Generator" mit Bedacht nicht über einem Feld beim Seitenscroll platzieren.

Optionen.JPG
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

... hmm, müsste eventuell Werner mal gucken :confused:

Mit der PHP-Version hat das nichts zu tun.

Läuft das Script denn durch oder bleibt es "hängen"? Kommt nur eben keine Mail an?

Am besten wäre es, wenn Du mal den Teil mit der Mail hier posten würdest (kannst ja Deine E-Mail wieder ändern). Aufpassen, dass Du da nicht versehentlich irgendwelche Hochstriche und auch nicht das Semikolon am Ende der Zeile - das ist ganz wichtig und schließt in PHP eine Zeile ab - oder so gelöscht hast.

Ganz wichtig ist, dass diese E-Mail Adresse, die Du verwendest, auch bei Deinem Anbieter (Provider) bereits hinterlegt und eingerichtet ist.

Manchmal macht es Sinn diese Variable $Mailto mit Deiner Mail-Adresse:
// Empfänger E-Mail
// Eine beim Provider registrierte E-Mail Adresse verwenden!
$Mailto = "name@example.com";

also dann hier, diese Variable:

$Mailto

mit Deiner E-Mail Adresse direkt zu ersetzen.

So steht es im Original:

Code: Alles auswählen

  // E-Mail versenden
  mb_internal_encoding("UTF-8");
  $Betreff = mb_encode_mimeheader($betreff, "UTF-8", "Q");
  $Kopfzeile = "MIME-Version: 1.0;\nFrom: " . mb_encode_mimeheader($name, "UTF-8", "Q") .
   "<" . $email . ">" . "\nContent-Type: text/plain; Charset=UTF-8;\n";

  if (mail($Mailto, $Betreff, $Text, $Kopfzeile)) {

   echo "<p>Vielen Dank, die Nachricht wurde versendet.</p>";
  }
  else {

   // Wenn die Daten nicht versendet werden konnten,
   // wird die E-Mail-Adresse für den direkten Kontakt eingeblendet.
   echo "<p>Beim Senden der Nachricht ist ein Fehler aufgetreten!<br>" . 
   "Bitte wende Dich direkt an: <a href='mailto:" . $Mailto . "'>" . $Mailto . "</a></p>";
  }

... also dann direkt mit Deiner Mail-Adresse so ersetzen - mit "Hochstrichen" - in meinem Beispiel hier:

"Mail@DeineDomain.de"

Code: Alles auswählen

  // E-Mail versenden
  mb_internal_encoding("UTF-8");
  $Betreff = mb_encode_mimeheader($betreff, "UTF-8", "Q");
  $Kopfzeile = "MIME-Version: 1.0;\nFrom: " . mb_encode_mimeheader($name, "UTF-8", "Q") .
   "<" . $email . ">" . "\nContent-Type: text/plain; Charset=UTF-8;\n";

  if (mail("Mail@DeineDomain.de", $Betreff, $Text, $Kopfzeile)) {

   echo "<p>Vielen Dank, die Nachricht wurde versendet.</p>";
  }
  else {

   // Wenn die Daten nicht versendet werden konnten,
   // wird die E-Mail-Adresse für den direkten Kontakt eingeblendet.
   echo "<p>Beim Senden der Nachricht ist ein Fehler aufgetreten!<br>" . 
   "Bitte wende Dich direkt an: <a href='mailto:" . "Mail@DeineDomain.de" . "'>" . "Mail@DeineDomain.de" . "</a></p>";
  }
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Bitte lese mein Tutorial:

https://mobirise-tutorials.com/Formular ... mular.html

Du hast da einfach den gesamten Code der fertig generierten Seite eingefügt, inklusive <DOCTYPE>, <head>, <style>, <body> und allem drum und dran :eek:

Das darf man auf keinen Fall tun! Solche Einträge dürfen nicht doppelt im Code vorkommen.

Du darfst ausschließlich den in meinem Tutorial blau markierten PHP-Code in den "HTML Code" einbauen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

wie alt ist denn Deine Tochter :anmachen:


... gucke mal im "Spam" Ordner von Deinem Mail-Programm.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

diese Mail-Adresse ist auch bei Deinem Anbieter so hinterlegt? Oder ist das der Anbieter Deiner Tochter?

Ich schicke mal noch eine Test-Mail. Ich meine, wenn Deine Tochter die bekommt dann funktioniert es doch. Dann liegt das Problem irgendwo bei Dir.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

ich sage doch, Du kannst das Skript nur bei dem Provider verwenden, der auch Deine E-Mail verwaltet.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

... ich bitte mal Werner-Zenk.de hier zu gucken - falls er noch eine Idee dazu hätte, würde er sich sicher melden.
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Werner-Zenk.de »

Moin,
die E-Mail-Adresse muss vom gleichen Provider sein wie dein Webspace.
Wenn nicht, wird der versandt der E-Mail vom Provider blockiert.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ja - danke Werner :tu:

... übrigens noch ein Tipp zum Einbau von dem Formular. Wenn Du die "Vorschau" aktivierst, dann musst Du aber auch die Farbe der Vorschau für den schwarzen Hintergrund der Webseite anpassen, denn sonst ist schlecht mit schwarzer Schrift auf schwarzem Grund.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Moin,

hier nochmals der Link zu Deiner Formular-Seite, sonst muss man immer suchen:

http://www.ferienwohnung-nordsee-norden ... ontakt.php

Die hohen Felder sind so von der CSS von Bootstrap gedacht.

Entferne einfach an jedem Eingabefeld diese CSS-Klasse:

class='form-control'

... also hier z.B. am ersten Feld "Vorname":
Quellcode hat geschrieben:
<p>
<label> Vorname:
<br>
<input type='text' name='vorname' value='' size='35' class='form-control' tabindex='1'>
</label>
</p>

Den kleinen Hinweistext unter dem Formular änderst Du am einfachsten mit einer direkten Style-Anweisung an diesem Absatz (Paragraph) - also an dem <p> Tag fügst Du diese Style-Anweisung hinzu:
Quellcode hat geschrieben:
<p style='color: white;'>
<small>Bitte alle mit <span class='pflichtfeld'>&#10034;</span>
markierten Felder ausfüllen.</small>
</p>

Bitte nur einfache Hochstriche an der Style-Anweiung style='color: white;' da Du Dich an dieser Stelle noch im PHP-Syntax befindest.


Das würde dann erst einmal ungefähr so aussehen:

Formular.JPG
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ich kann jetzt nicht erkennen was Du gemacht hast aber das Formular sitzt nun unter dem Bild anstatt rechts daneben. Das aber merkwürdiger Weise nur im "Firefox" Browser. Ich habe dafür gerade keine Erklärung :eek:

Ansicht im Firefox Browser:

Formular Neu.JPG
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Hmm - komisch :confused:

na egal - jetzt stuimmt es doch :tu:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

Werner-Zenk.de hat geschrieben: Sa 1. Mai 2021, 07:11 Moin,
die E-Mail-Adresse muss vom gleichen Provider sein wie dein Webspace.
Wenn nicht, wird der Versand der E-Mail vom Provider blockiert.

Werner und ich haben doch aber nun schon mehrmals geschrieben, dass das daran liegt, dass Du offensichtlich dort nicht Deine E-Mail Adresse eintragen darfst, sondern nur die E-Mail Adresse Deiner Tochter.

Die im Skript verwendete E-Mail Adresse MUSS dem Webspace-Provider (Anbieter) bekannt sein und sie MUSS zu der Domain gehören, wo diese Webseite auch liegt. Sonst wird der Provider diese (wegen mutmaßlichem Missbrauch) sperren.

Deswegen bekommt doch Deine Tochter jede Mail, Du aber nicht. Offensichtlich probierst Du an einem anderen Server (Deinem) das aus.


P.S.:

zu Deiner Info: Du kannst Deine eigenen Beitröge an dem kleinen Bleistift-Symbol 1 Stunde lang editieren.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Formular von Werner Zenk

Ungelesener Beitrag von Tommy Herrmann »

... und sie bekommt keine Mail????

https://www.folienbunker.de/Kontakt.php

Dann kopiere mal nochmals diese Stelle aus dem Skript und zeige sie.

Sie hatte doch bereits die Mails einwandfrei erhalten :confused:

... ich habe gerade nochmals einen Test vom Formular geschickt.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 10 Gäste