|
@@ -39,9 +39,9 @@ First, include the script in your HTML page's header:
|
39
|
39
|
|
40
|
40
|
```html
|
41
|
41
|
<head>
|
42
|
|
- ...
|
43
|
|
- <script src="http://www.example.tld:1970/form.js" charset="utf-8"></script>
|
44
|
|
- ...
|
|
42
|
+ ...
|
|
43
|
+ <script src="http://www.example.tld:1970/form.js" charset="utf-8"></script>
|
|
44
|
+ ...
|
45
|
45
|
</head>
|
46
|
46
|
```
|
47
|
47
|
|
|
@@ -49,12 +49,12 @@ Then, add an empty `<form>` tag to your page's body. It **must** have an ID. Now
|
49
|
49
|
|
50
|
50
|
```html
|
51
|
51
|
<body>
|
52
|
|
- ...
|
53
|
|
- <form id="smam"></form>
|
54
|
|
- <script type="text/javascript">
|
55
|
|
- generateForm('smam');
|
56
|
|
- </script>
|
57
|
|
- ...
|
|
52
|
+ ...
|
|
53
|
+ <form id="smam"></form>
|
|
54
|
+ <script type="text/javascript">
|
|
55
|
+ generateForm('smam');
|
|
56
|
+ </script>
|
|
57
|
+ ...
|
58
|
58
|
</body>
|
59
|
59
|
```
|
60
|
60
|
|
|
@@ -64,23 +64,23 @@ First, you must rename the `settings.example.conf` into `settings.conf`, and edi
|
64
|
64
|
|
65
|
65
|
```json
|
66
|
66
|
{
|
67
|
|
- "mailserver": {
|
68
|
|
- "pool": true,
|
69
|
|
- "host": "mail.example.tld",
|
70
|
|
- "port": 465,
|
71
|
|
- "secure": true,
|
72
|
|
- "auth": {
|
73
|
|
- "user": "noreply@noreply.tld",
|
74
|
|
- "pass": "hackme"
|
75
|
|
- }
|
76
|
|
- },
|
77
|
|
- "recipients": [
|
78
|
|
- "you@example.tld",
|
79
|
|
- "someone.else@example.com"
|
80
|
|
- ],
|
81
|
|
- "formOrigin": "https://example.tld",
|
82
|
|
- "language": "en",
|
83
|
|
- "labels": true,
|
|
67
|
+ "mailserver": {
|
|
68
|
+ "pool": true,
|
|
69
|
+ "host": "mail.example.tld",
|
|
70
|
+ "port": 465,
|
|
71
|
+ "secure": true,
|
|
72
|
+ "auth": {
|
|
73
|
+ "user": "noreply@noreply.tld",
|
|
74
|
+ "pass": "hackme"
|
|
75
|
+ }
|
|
76
|
+ },
|
|
77
|
+ "recipients": [
|
|
78
|
+ "you@example.tld",
|
|
79
|
+ "someone.else@example.com"
|
|
80
|
+ ],
|
|
81
|
+ "formOrigin": "https://example.tld",
|
|
82
|
+ "language": "en",
|
|
83
|
+ "labels": true,
|
84
|
84
|
"customFields": {
|
85
|
85
|
"deadline": {
|
86
|
86
|
"label": "Development deadline",
|
|
@@ -93,10 +93,10 @@ First, you must rename the `settings.example.conf` into `settings.conf`, and edi
|
93
|
93
|
"required": true
|
94
|
94
|
},
|
95
|
95
|
"domain": {
|
96
|
|
- "label": "Website domain",
|
97
|
|
- "type": "text",
|
|
96
|
+ "label": "Website domain",
|
|
97
|
+ "type": "text",
|
98
|
98
|
"required": false
|
99
|
|
- },
|
|
99
|
+ },
|
100
|
100
|
"budget_max": {
|
101
|
101
|
"label": "Maximum budget (€)",
|
102
|
102
|
"type": "number",
|
|
@@ -165,23 +165,23 @@ The generated form will look like this:
|
165
|
165
|
```html
|
166
|
166
|
<p id="form_status"></p>
|
167
|
167
|
<div id="form_name">
|
168
|
|
- <label for="form_name_input">Your name</label>
|
169
|
|
- <input required="required" placeholder="Your name" id="form_name_input" type="text">
|
|
168
|
+ <label for="form_name_input">Your name</label>
|
|
169
|
+ <input required="required" placeholder="Your name" id="form_name_input" type="text">
|
170
|
170
|
</div>
|
171
|
171
|
<div id="form_addr">
|
172
|
|
- <label for="form_addr_input">Your e-mail address</label>
|
173
|
|
- <input required="required" placeholder="Your e-mail address" id="form_addr_input" type="email">
|
|
172
|
+ <label for="form_addr_input">Your e-mail address</label>
|
|
173
|
+ <input required="required" placeholder="Your e-mail address" id="form_addr_input" type="email">
|
174
|
174
|
</div>
|
175
|
175
|
<div id="form_subj">
|
176
|
|
- <label for="form_subj_input">Your message's subject</label>
|
177
|
|
- <input required="required" placeholder="Your message's subject" id="form_subj_input" type="text">
|
|
176
|
+ <label for="form_subj_input">Your message's subject</label>
|
|
177
|
+ <input required="required" placeholder="Your message's subject" id="form_subj_input" type="text">
|
178
|
178
|
</div>
|
179
|
179
|
<div id="form_text">
|
180
|
|
- <label for="form_text_textarea">Your message</label>
|
181
|
|
- <textarea required="required" placeholder="Your message" id="form_text_textarea"></textarea>
|
|
180
|
+ <label for="form_text_textarea">Your message</label>
|
|
181
|
+ <textarea required="required" placeholder="Your message" id="form_text_textarea"></textarea>
|
182
|
182
|
</div>
|
183
|
183
|
<div id="form_subm">
|
184
|
|
- <button type="submit" id="form_subm_btn">Send the mail</button>
|
|
184
|
+ <button type="submit" id="form_subm_btn">Send the mail</button>
|
185
|
185
|
</div>
|
186
|
186
|
```
|
187
|
187
|
|
|
@@ -197,8 +197,8 @@ Custom fields will be formatted the same way (and with identifiers following the
|
197
|
197
|
in the settings file will result in
|
198
|
198
|
```html
|
199
|
199
|
<div id="form_budget">
|
200
|
|
- <label for="form_budget_input">Maximum budget allowed</label>
|
201
|
|
- <input required="required" placeholder="Maximum budget allowed" id="form_budget_input" type="number">
|
|
200
|
+ <label for="form_budget_input">Maximum budget allowed</label>
|
|
201
|
+ <input required="required" placeholder="Maximum budget allowed" id="form_budget_input" type="number">
|
202
|
202
|
</div>
|
203
|
203
|
```
|
204
|
204
|
|