commit b6b399febd9e1d6af2fb8edce3db6eba11a3c4d7 Author: Sockenklaus Date: Sun Nov 10 23:50:03 2024 +0100 first commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f0d96d2 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode/sftp.json \ No newline at end of file diff --git a/.project b/.project new file mode 100644 index 0000000..243af09 --- /dev/null +++ b/.project @@ -0,0 +1,23 @@ + + + rundkopfschlitzschrauben + + + + + + com.aptana.ide.core.unifiedBuilder + + + + + com.aptana.editor.php.aptanaPhpBuilder + + + + + + com.aptana.editor.php.phpNature + com.aptana.projects.webnature + + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..77e629a --- /dev/null +++ b/css/style.css @@ -0,0 +1,88 @@ +body { + background-color: grey; +} + +div.container { + background-color: white; + width: 60%; + margin: auto; + padding: 30px 10%; +} + +table.schrauben { + text-align: center; + margin: auto; + margin-top: 20px; + width: 100%; + border: 1px solid black; + table-layout: fixed; +} + +td.right { + text-align: right; +} +td.left { + text-align: left; + padding: 0px 10px; +} + +textarea { + width: 100%; + height: 100px; + margin: 10px 0px; +} + +button { + margin: 10px 0px; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.maintenance { + margin: auto; + padding: 10px; + text-align: center; + border: 2px solid red; + color: red; +} + +input { + outline: none; + border: 1px solid grey; + padding: 3px; + border-radius: 2px; +} +input.error { + border-color: red; +} +&:valid { + border-style: auto; + border-color: inherit; +} + +p.error_message { + color: red; + text-align: center; +} + +.grid-container { + display: grid; + grid-template-columns: auto auto; + margin: auto; + gap: 5px; +} +.form_feedback { + grid-column-start: 1; + grid-column-end: 3; + text-align: right; + color: red; + display: none; + font-size: small; +} \ No newline at end of file diff --git a/img/karton.jpg b/img/karton.jpg new file mode 100644 index 0000000..7e71075 Binary files /dev/null and b/img/karton.jpg differ diff --git a/img/schrauben.jpg b/img/schrauben.jpg new file mode 100644 index 0000000..85e0250 Binary files /dev/null and b/img/schrauben.jpg differ diff --git a/img/schrauben_thumb.jpg b/img/schrauben_thumb.jpg new file mode 100644 index 0000000..eb55a63 Binary files /dev/null and b/img/schrauben_thumb.jpg differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..fe7386b --- /dev/null +++ b/index.php @@ -0,0 +1,345 @@ + $value) { + if ($value >= 10) { + $mengen .= "$key: $value\n"; + } + elseif ($value > 0 && $value < 10) { + $status .= "Es müssen mindestens 10 Schrauben bestellt werden.
"; + $ok = false; + } + } + + if (empty($mail_from)) { + $status .= "Bitte Mailadresse angeben.
"; + $ok = false; + } + if (empty($name)) { + $status .= "Bitte Name / Vorname angeben.
"; + $ok = false; + } + if (empty($strasse)) { + $status .= "Bitte Straße und Hausnummer angeben.
"; + $ok = false; + } + if (empty($stadt)) { + $status .= "Bitte Stadt angeben.
"; + $ok = false; + } + if (empty($plz)) { + $status .= "Bitte Postleitzahl eingeben.
"; + $ok = false; + } + if (empty($telefon)) { + $status .= "Bitte eine Telefonnummer angeben.
"; + $ok = false; + } + if (empty($mengen)) { + $status .= "Es muss mindestens ein Schraubentyp bestellt werden."; + $ok = false; + } + + if ($ok) { + $text .= "Name / Vorname: $name\n"; + $text .= "E-Mail: $mail_from\n"; + $text .= "Straße: $strasse\n"; + $text .= "PLZ, Stadt: $plz $stadt\n"; + $text .= "Telefon: $telefon\n"; + $text .= "\n"; + $text .= "Bestellte Schrauben:\n\n"; + $text .= $mengen; + $text .= "\n"; + $text .= "Nachricht:\n"; + $text .= $notiz; + + $headers = "From: \"Rundkopfschlitzschrauben.de\" \r\n"; + $headers .= "BCC: sockenklaus@gmail.com\r\n"; + $headers .= "Reply-To: $mail_from\r\n"; + $headers .= "X-Mailer: PHP/" . phpversion() . "\r\n"; + $headers .= "Content-Type: text/plain; charset=UTF-8\r\n"; + $headers .= "Return-Path: web1305@rundkopfschlitzschrauben.de\r\n"; + $headers .= "MIME-Version: 1.0\r\n"; + $headers .= "\r\n"; + + $mail_ok = mail($mail_to, $subject, $text, $headers); + + if ($mail_ok) { + $status .= "Mail erfolgreich verschickt.
"; + $name = ""; + $strasse = ""; + $plz = ""; + $stadt = ""; + $mail_from = ""; + $telefon = ""; + $notiz = ""; + } + else $status .= "Beim Verschicken der Mail ist ein Fehler aufgetreten.
"; + } + } +?> + + + + + DIN 86 Metrisch Rundkopf-Schlitzschrauben + + + + + +
+
+

DIN 86 Metrisch Rundkopf-Schlitzschrauben

 + + + + + + + + + + + +
Preise:
Stückpreis (2 mm bis 6 mm):0,50 € + Versand
Stückpreis (8 mm bis 12 mm):1,00 € + Versand
 
Stückpreis Messingschrauben:
2 - 5 mm1,00 € + Versand
6 - 10 mm2,00 € + Versand
 
Mindestmenge je Größe:10 Stück
+ +

+ Ab 50 € versandkostenfrei innerhalb Deutschlands.
+ Ab 100 € versandkostenfrei innerhalb Deutschlands abzüglich 10% Mengenrabatt. +

+ +

+ Lieferbar nur solange der Vorrat reicht. +

+ +

+ Da ich diese Schrauben ausschließlich privat verkaufe, übernehme ich keinerlei Gewährleistung oder Garantie. +

+ +

+ Für eventuelle Rückfragen stehe ich Ihnen gerne telefonisch unter 0171 - 3358800 oder 0521 - 449004 zur Verfügung. +

+ +

+ Bestellungen übersenden Sie bitte mit Anschrift und gewünschter Menge mit Hilfe des Kontaktformulars am Ende dieser Seite. +

+ +

+ Neu:
+ Linsenkopf-Senkschrauben mit Schlitz Metrisch in verschiedenen Größen und Ausführungen.
+ Liste auf Anfrage. +

+ +

+ Bilder zur Anschauung:
+ schrauben karton +

+
+ +
+ + $values) { + echo ' + + + + + + + + + + + + '; + + foreach($values as $value) { + echo ' + + + + + + '; + } + + echo ' +
Schrauben in '.$key.' GrößeAusführungMenge
'.$value[0].''.$value[1].'
+ '; + } + + ?> + +
+

+ +

+
+ + +
Name / Vorname erforderlich.
+ + + +
Straße und Hausnummer erforderlich.
+ + + +
Postleitzahl erforderlich.
+ + + +
Stadt erforderlich.
+ + + +
(Korrekte) E-Mail-Adresse erforderlich.
+ + + +
Bitte Telefonnummer eingeben.
+ +
+

Notiz:

+ +

Mit Sternchen markierte Felder müssen ausgefüllt sein.

+ +
+ +
+

Impressum

+ Jan Dopheide
+ Schulstr. 40 b
+ 33647 Bielefeld
+ Tel.: 0171 - 3358800
+
+ oder tagsüber über den Geschäftsanschluss:
+ Tel.: 0521 - 449004
+ Fax.: 0521 - 443854
+
+ Email: jandop@yahoo.de +
+
+ + diff --git a/info.php b/info.php new file mode 100644 index 0000000..5299cc6 --- /dev/null +++ b/info.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/js/form_helper.js b/js/form_helper.js new file mode 100644 index 0000000..57c7a01 --- /dev/null +++ b/js/form_helper.js @@ -0,0 +1,26 @@ +const inputs = document.querySelectorAll("input") + +inputs.forEach(input => { + input.addEventListener( + "invalid", + () => { + input.classList.add("error") + input.nextElementSibling.style.display = "inline" + }, + false + ) + + input.addEventListener( + "input", + event => checkValidityOnInput(event), + false + ) +}) + +function checkValidityOnInput(e){ + e.target.checkValidity() + if(e.target.validity.valid) { + e.target.classList.remove("error") + e.target.nextElementSibling.style.display = "none" + } +}