Ihr Name

Email:

Betreff der Nachricht

Informationsanfrage
Technischer Support
Angebot

Nachrichtentext

Geben Sie diesen Code ein:

Woher [+ Bestätigungsnachricht +]- ist verantwortlich für die Anzeige von Fehlermeldungen beim Absenden eines Formulars.
Aktion = "[~ [* id *] ~]- gibt an, dass die Seite, auf der das Snippet aufgerufen wird, der Formularprozessor ist. Anstelle von [~ [* id *] ~] ersetzt MODx die URL des aktuellen Dokuments.
gibt den Bezeichner des Formulars an, den wir beim Aufrufen des Snippets angeben.
Label-Zugriffsschlüssel- Legt den Zugriff auf Formularelemente mithilfe von Hotkeys fest.
eform = "E-Mail-Adresse: E-Mail: 1"- beschreibt das Feld zur Eingabe der Postanschrift, gibt die Art der Eingabedaten an und macht dieses Feld obligatorisch. Im Allgemeinen sieht die Vorlage zum Ausfüllen dieses Parameters wie folgt aus: eform = "[Feldbeschreibung]: [Typ der Eingabedaten]: [ob das Feld erforderlich ist]: [Fehlermeldung der Eingabe]: [Regel für die Eingabevalidierung]". Aber wir brauchen nur drei Werte. Ähnlich wie bei diesem Parameter wird eform = "Name :: 1" ausgefüllt.
[+ Bildurl +] verantwortlich für die Captcha-Ausgabe.

Erstellen Sie einen Block, der einen Besucher über das Senden einer Nachricht informiert

Erstelle einen Brocken danke-tpl

Vielen Dank für die Nutzung des Feedback-Formulars auf unserer Website.

Ihre Nachricht wird so schnell wie möglich berücksichtigt und wenn eine Antwort erforderlich ist, werden Sie diese auf jeden Fall erhalten.

Gesendete Informationen:

• Ihr Name:[+ Autor +]


• Deine E-Mail:[+ E-Mail +]


• Nachrichtentext:[+ Text +]

Erstellen Sie einen Block mit einem gesendeten Nachrichtenformular

Erstelle einen Brocken Bericht-tpl und füge den folgenden Code in seinen Inhalt ein:

Diese Nachricht wurde von einem Besucher namens [+ Autor +] über ein Kontaktformular gesendet.

In diesem Chunk werden wie im vorherigen alle vom Benutzer eingegebenen Informationen mit Platzhaltern wie [+ Autor +] übertragen. In diesem Fall stimmt der Name jedes Platzhalters mit dem Wert des "name"-Attributs des entsprechenden Felds im Chunk mit dem Feedbackformular überein (name = "author", name = "email" name = "text").

Erstellen Sie einen Block mit einem Rückrufformular

Erstellen Sie einen Block namens Form und füge die Konstruktion dort ein:

[!eFormular? & formid = `Senden` & tpl =` form-tpl` & an = ` [E-Mail geschützt],[E-Mail geschützt],[E-Mail geschützt]`& mailselector =` otdel` & report = `report-tpl` & danke =` danke-tpl` & vericode = `1` & subject =` Nachricht von meiner Seite`!]

Woher & formid = `Senden`- die Formularkennung, die wir im form-tpl-Chunk angegeben haben
& tpl = `form-tpl`- Vorlage für das Feedbackformular
& zu = ` [E-Mail geschützt],[E-Mail geschützt],[E-Mail geschützt]` - E-Mail-Addresse um Informationen zu senden
& mailselector = `otdel`- legt das Formularfeld fest, das verwendet wird, wenn eine einzelne Adresse aus der Liste der Adressen durch Komma (,) getrennt im Parameter ausgewählt wird & zu... In unserem Fall ist dies eine Dropdown-Liste in Chunk-Form-tpl, wobei ottdel nimmt die Werte 1,2 oder 3 an, je nach dem vom Besucher gewählten Thema.
& report = `report-tpl`- Vorlage der zu sendenden Informationen
& danke = `danke-tpl`- Meldung wird nach dem Senden von Daten angezeigt
& Vericode = `1`- enthält einen Bestätigungscode. Die Vorlage muss ein Feld zur Verifizierung und einen Platzhalter [+ Vericode +] enthalten.
& subject = `Nachricht von meiner Website`- Betreff der zu versendenden Nachricht

Platzieren Sie den Rückrufformularanruf in der Vorlage

Erstelle einen Brocken kontakt, in die wir folgenden Code einfügen:

Unsere Adresse

XXXXXXXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXX



E-Mail: [email protected]

Zusätzliches Büro

XXXXXXXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXX



E-Mail: [email protected]

((Form))

Rufen Sie auf der Seite "Kontakte" den Kontaktblock an:

((Kontakt))

Stile ändern

Die Beschreibung unserer Schaltflächen finden wir in der Datei mit Stilen:

Rand links: 108px;
Polsterung: 5px 10px;
Hintergrund: #cecece;
Rahmen: 1px solide # 888888;
}

Aufgrund der Tatsache, dass wir russische Beschriftungen in die Schaltflächen Senden und Zurücksetzen eingefügt haben, wurden sie verschoben. Ich mag auch nicht die Tatsache, dass sich der Cursor nicht ändert, wenn Sie den Cursor über die Schaltfläche bewegen, ich möchte dies beheben. Lassen Sie uns zum einen die Farbe der Schaltfläche beim Hover ändern. Nun, verschieben wir das Captcha nach rechts. Anstatt den oben angegebenen Stil zu beschreiben, werden wir Folgendes einfügen:

#contact_form form .submit_btn (
Rand links: 55px; / * Ändern Sie die linke Polsterung der Tasten * /
Polsterung: 5px 10px;
Hintergrund: #cecece;
Rahmen: 1px solide # 888888;
}
#contact_form form .submit_btn: hover (
Rand links: 55px;
Polsterung: 5px 10px;
Hintergrund: # 505050; / * Legen Sie die Farbe der Schaltfläche beim Hover fest * /
Rahmen: 1px solide # 888888;
Farbe: #fff; / * Ändern Sie die Farbe des Textes * /
Cursor: Zeiger; / * Cursortyp ändern * /
}
#contact_form form img (
Auffüllen: 0 0 0 90px; / * Bild mit Code nach rechts verschieben * /
}

Wenn alles richtig gemacht wurde, sieht das Formular so aus:

Jetzt versuchen wir, das Formular auszufüllen und den Brief zu versenden. Da wir einen lokalen Server verwenden, können alle eingehenden Briefe im Ordner eingesehen werden C: \ xampp \ tmp \ sendmail \ ... Erinnern Sie sich, dass wir diesen Ordner bei der Installation von XAMPP erstellt haben?

Sie können Ihre eigene Wortliste festlegen, die in Captcha generiert werden soll. Dies erfolgt auf der Systemkonfigurationsseite Tools >> Konfiguration >> Benutzer >> Wörter zum Generieren von CAPTCHA-Codes :

Damit ist die Integration unseres Website-Designs in MODx abgeschlossen. Es bleibt noch, unsere Website auf einigen Hostings einzurichten. Dies werden wir in der nächsten Lektion tun.

Beim Erstellen dieser Lektion wurden Materialien von der Website verwendet.

06-08-2014 22:30:00 3886 Kommentare ollserg & MaxWeb für dich

Ö sehr schnell ein Feedback-Formular auf der von CMF verwalteten Website erstellen MODX-Revo mit dem FormIt-Paket.
Der Prozess der Installation von Paketen auf MODX revo wird in diesem Beitrag aufgrund seiner Einfachheit und eine große Anzahl Material zu diesem Thema im Internet. Lassen Sie mich nur an die Abfolge der Aktionen erinnern:
<Система> - <Управление пакетами> - <Загрузить дополнения> - <Поиск>(Eingabe - FormIt)

h drücken<Загрузить>, Und danach<Установить>
D Als nächstes erstellen wir einen neuen Chunk und benennen ihn


und füge folgenden Code ein:

Ihr Name *:

Ihr Telefon *:

Deine E-Mail *:

Gib deine Nachricht ein *:

Wert = "">

Ich habe diese Seiten-ID - 178. Wir werden diese ID unten verwenden, wenn wir FormIt aufrufen.

Schauen wir uns den Block zum Aufrufen des FormIt-Add-Ons genauer an:

Hier:
Der erste Parameter ist Hooks. Hooks sind FormIt-Add-On-Skripte.
In unserem Fall haben wir zwei davon - E-Mail ist für den Versand der E-Mail selbst verantwortlich,
und umleiten - schickt den Benutzer mit Dank für den Kontakt auf die Seite;
emailTpl - Vorlage eines an die Site gesendeten Briefes. Wir haben es oben erstellt und bearbeitet;
emailSubject - Betreff von Briefen, die von der Site kommen;
redirectTo - ID der Seite, die dem Benutzer danach angezeigt wird
wie er eine Nachricht über das Feedback-Formular gesendet hat. Wir haben es früher erstellt;
emailTo - E-Mail-Adresse, an die Briefe von der Site gesendet werden.

Wir müssen einige CSS-Regeln hinzufügen, um unser Formular attraktiver aussehen zu lassen.
Eingabe, Label, Textbereich (Anzeige: Block;)
input, textarea (margin: 0 0 10px 0; border: 1px solid #ccc; padding: 5px;)
input.submit_button (Hintergrundfarbe: # 43A52B; Rahmen: 1px Solid # 358222; Padding: 5px 10px; Rahmenradius: 3px; Schriftart: 13px Arial, Verdana, Tahoma, serifenlos; Farbe: #fff; Cursor: Zeiger ;)
input.submit_button: hover (Hintergrundfarbe: # 358222;)
Spanne.erforderlich,
span.error (Farbe: #ff0000;)
span.required (Schriftgröße: 18px;)
span.error (Schriftgröße: 11px;)

Auf auf der MODX revo-Website sieht es so aus:


UND Das Ergebnis unserer Arbeit ist das Feedback-Formular MODX revo unter Verwendung des FormIt-Pakets. Passt nicht Aussehen? Bearbeiten Sie CSS-Code oder schreiben Sie Ihren eigenen. Das ist alles. Themen für Artikel bestellen. Bei Schwierigkeiten helfen wir bei der Lösung.

Kommentare (1)
asdfgzx antwortete am Fr, 08.08.2014 - 11:50

VIELEN DANK
Einfach und unkompliziert
Ich habe es auf meiner Website installiert und es hat auf Anhieb funktioniert.
Das Feedback-Formular ist gut, aber das Design muss verbessert werden!

Antworten
Slavik antwortete am Mi, 29.10.2014 - 17:20

HAT NICHT FUNKTIONIERT
Ich habe alles gestellt und alles eingerichtet beim Senden geht es auf die Dankesseite, aber es kam nichts an die Mail (:

Antworten
Ayat antwortete am Mi, 03.12.2014 - 22:54

VIELEN DANK
Vielen Dank für detaillierte Beschreibung... Alles arbeitet!

Antworten
Maxim antwortete am Mo, 08.12.2014 - 16:13

ERROR
Guten Tag, der Fehler steht im Log:

wie zu beheben, sagen Sie mir nicht?

Antworten
Maxim antwortete am Mo, 08.12.2014 - 16:14

ERROR
Guten Tag, können Sie mir sagen, was der Fehler ist?

(ERROR @ /modx/connectors/modx.config.js.php) Fehler beim Caching des Lexikon-Themenlexikons / ru / core / resource

Antworten
ollserg antwortete am Di, 23.12.2014 - 20:41

ENTSCHULDIGUNG FÜR DIE LANGE ANTWORT
Dieser Fehler tritt meiner Meinung nach bei der Verwendung der Galerie auf.
Experimentieren Sie mit den Galerie- und Motorversionen! Dies ist vielmehr die Frage.

Antworten
Michael antwortete am Di, 03.02.2015 - 12:17

VALIDIERUNG
Falls ein Element des Formulars die Validierung nicht bestanden hat, bewegt sich der Bildschirm nach oben. Wie lasse ich es anstelle der Form?

Antworten
vita antwortete am Do, 28.07.2016 - 17:26

VALIDIERUNG
Dies ist sehr einfach zu tun. Nur können Sie es nicht an Ort und Stelle lassen, Sie müssen dorthin scrollen. Erstellen Sie dazu eine Kennung (id) für das gewünschte Element und geben Sie diese im Aktionsparameter über # an:

Danke für die Antwort -itchief.ru- hat es von dort übernommen.

Antworten
ollserg antwortete am Mi, 04.02.2015 - 16:33

WÜRDE GERNE SEHEN.
Überprüfen Sie das Layout. Der Punkt liegt eindeutig in ihr.
Also, am besten klar, d.h. Bildschirmfoto

Antworten
Andrey antwortete am Mo, 02.03.2015 - 13:08

VOM LOKALEN SERVER
Ich entschuldige mich, aber wird dieses Formular funktionieren? lokaler Server mit Netzwerkzugriff (Open Server)? Ich habe versucht, von diesem Formular aus zu senden, aber es kam nichts.
Der Server hat Zugriff auf das Netzwerk - Pakete aus externen Repositorys werden über das Modx-Admin-Panel installiert.

Antworten
ollserg antwortete am Di, 03.03.2015 - 20:59

AUF LOKALER SERVERFORMULAR
Per Definition kann das Formular auf dem lokalen Server nicht funktionieren. Nur Hosting.

Antworten
ollserg antwortete am Di, 03.03.2015 - 21:03

JA UND WEBSITE-ENTWICKLUNG AN
Und die Entwicklung von Sites auf MODX erfolgt online auf einem viel bequemeren Hosting.

Antworten
Denis antwortete am Do, 16.04.2015 - 22:11

FORMIT
Guten Tag!
Alles funktioniert mit Ihrem Formular! Vielen Dank!
aber ich habe versucht, es für meine anzupassen und nichts funktioniert.
Hier ist der Code, bitte sehen! Vielen Dank!
E-Mail geändert zum Beispiel zu [email protected]

Antworten
Denis antwortete am Di, 28.06.2016 - 15:05

MAIL.RU MAIL
Guten Tag! Ich habe ein solches Problem festgestellt, dass, wenn Sie mail.ru-Mail in das Formular eingeben (andere: Yandex, Google usw.), um Sie zu kontaktieren, diese Nachricht nicht an die E-Mail des Site-Administrators gesendet wird.
Vielleicht ist jemand vorbeigekommen? Vielleicht gibt es in Formit eine Einschränkung für den Versandhandel?

Vielen Dank im Voraus!

Antworten
Timothygreby antwortete am Di, 10.11.2016 - 13:40

ORGAZM-ONLINESOT
Diese Frage macht mir auch Sorgen. Sag mir, wo kann ich das nachlesen?

orgazm-online.org

Antworten
SpS antwortete am Di, 18.10.2016 - 15:39

INSTALLIEREN VON SAMS2 AUF FREEBSD
Installation von SAMS2 auf FreeBSD 10.1, Squid 3.4 mit NTLM-Autorisierung

http://www.grayfort.com/2015/01/sams2-freebsd-101-squid-34-ntlm.html

Antworten
lomaster antwortete am Di, 08.11.2016 - 02:35

REMONTOKNA.COM.UA
Es wird immer beliebter, interaktive Websites mit der AJAX-Technologie zu erstellen. In der Tat, warum den Benutzer zwingen, die gesamte Seite neu zu laden, wenn es eine Möglichkeit gibt, dies nicht zu tun. Dies gilt insbesondere für mobile Geräte... Viele Websites verwenden ein Feedback-Formular, um mit dem Kunden zu kommunizieren. Nehmen wir eine regelmäßige Form und machen sie Ajax.

Antworten
MaryMJ antwortete am Do, 15.12.2016 - 20:27

ÜBER WERBUNG AUF IHRER WEBSITE
Hallo! Mein Name ist MaryMarkova, unser Unternehmen muss auf Ihrer Website werben. Wie hoch sind Ihre Preise? Dankeschön. Viele Grüße, Maria.

Antworten
Rachelboymn antwortete am Fr, 23/12/2016 - 18:27

XRUMER 16.0 IST DIE BESTE SEO-SOFTWARE
Der neue XRumer 16.0 - Revolution in der Online-Werbung: Künstliche Intelligenz hilft Ihnen, Kunden so effektiv wie nie zuvor zu gewinnen!

Es gibt eine interessante Funktion in MODX - Sie können das Aussehen des Ressourcenbearbeitungsformulars fast nach Belieben ändern. Darüber hinaus können Sie verschiedene Formulare für verschiedene Benutzergruppen und sogar für verschiedene Ressourcen erstellen. Sie können verschiedene Formularprofile für eine bestimmte Ressource basierend auf ihrer Vorlage, ihrem übergeordneten Element oder anderen Eigenschaften auswählen.

Und dafür müssen wir keine einzige Zeile Code schreiben!

Schauen wir uns an, was man zum Beispiel mit Formularen machen kann:

Zuerst werden wir die unnötigen Elemente des oberen Menüs in einem gemeinsamen Element entfernen - "Entwickler". Gehen Sie dazu in den Abschnitt "System" -> "Aktionen", erstellen Sie einen neuen Menüpunkt im Stammverzeichnis und ziehen Sie alle nicht benötigten Elemente dorthin:

Gehen Sie dann zum Abschnitt "Sicherheit" -> "Formulare anpassen" und erstellen Sie neues Profil, zum Beispiel "Inhaltsmanager". Klicken Sie dann mit der rechten Maustaste darauf und wählen Sie "Bearbeiten", gehen Sie zur Registerkarte "Benutzergruppen" und fügen Sie eine Gruppe hinzu, auf die die neuen Regeln angewendet werden.

Als nächstes erstellen wir ein neues Regelwerk. Es gibt zwei Arten von ihnen - eine für das Formular zum Erstellen einer Ressource, die zweite für das Formular zum Bearbeiten dieser (Erstellen bzw. Aktualisieren). Es kann mehrere dieser Regeln geben - zumindest nach der Regel für jede Ressource.

Nachdem die Regel erstellt wurde, sehen Sie die Einstellungsseite - es gibt drei Registerkarten: Informationen zum Regelsatz, Regionen, Zusätzliche Felder.

Die erste Registerkarte listet die Standardressourcenfelder auf. Sie können deaktiviert oder umbenannt werden. Regionen sind Ressourcen-Registerkarten. Sie können eine neue Region erstellen und dort einige TV-Parameter eingeben, dann hat die Ressource diese nicht auf der Registerkarte "Zusätzliche Felder", sondern auf einem neuen Beitrag - den Sie angeben. Hier können Sie auch Standardregisterkarten deaktivieren, beispielsweise "Ressourcengruppen".

Auf der dritten Registerkarte geben Sie die Position eines bestimmten TV-Parameters an.

Ich habe einen kleinen Spickzettel für die Standardregionen erstellt:

Entfernen wir also sofort alle Registerkarten für den Benutzer außer dem ersten. Wir entfernen die Häkchen aus den Regionen: modx-page-settings, modx-panel-resource-tv, modx-resource-access-permissions. Außerdem lassen wir von den Standardfeldern nur Seitentitel und Alias. Deaktivieren Sie die restlichen Kontrollkästchen. Geben Sie einen neuen Namen für das Seitentitelfeld an: "Nachrichtentitel" und Alias: "Seitenadresse".

Gehen Sie danach zur Registerkarte "Zusätzliche Felder" und geben Sie an, dass sich die TV-Parameter in dem einen oder anderen Bereich des Formulars befinden sollen (gemäß Spickzettel).

Es bleibt anzugeben, für welche Ressourcen diese Regel gültig ist - im Element "Vorlage" geben wir den Ressourcen an, mit welchen Vorlagen die Regel angewendet werden soll. Wenn die Regel für alle Vorlagen gilt, geben wir nichts an. Und es gibt auch zwei Elemente: "Begrenzungsfeld" und "Begrenzungswert". Hier können Sie die restlichen Felder angeben.

Lassen Sie uns angeben, dass diese Regel für Ressourcen gilt, die sich in den "Nachrichten" befinden - im Element "Begrenzendes Feld" schreiben wir Elternteil, und in der "Grenzwert"-ID der Ressource "Nachrichten", zum Beispiel: 22 .