Contact form

ponton.z · Post by **ponton.z** » Thu Jul 18, 2019 8:19 pm

<!doctype html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

Post by **Pablo** » Thu Jul 18, 2019 8:21 pm

I need the code of the form page.

ponton.z · Post by **ponton.z** » Thu Jul 18, 2019 8:23 pm

<?php
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'kontaktform2')
{
$mailto = 'kochanowka@slawekzawadzki.pl';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Wiadomość ze strony osiedle-kochanówka';
$message = 'Values submitted from web site form:';
$success_url = './kontakt.php';
$error_url = './kontakt.php';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha_code", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response");
$boundary = md5(uniqid(time()));
$header = 'From: '.$mailfrom.$eol;
$header .= 'Reply-To: '.$mailfrom.$eol;
$header .= 'MIME-Version: 1.0'.$eol;
$header .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'.$eol;
$header .= 'X-Mailer: PHP v'.phpversion().$eol;

try
{
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}

$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (!is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
}
}
$body = 'This is a multi-part message in MIME format.'.$eol.$eol;
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: text/plain; charset=UTF-8'.$eol;
$body .= 'Content-Transfer-Encoding: 8bit'.$eol;
$body .= $eol.stripslashes($message).$eol;
if (!empty($_FILES))
{
foreach ($_FILES as $key => $value)
{
if ($_FILES[$key]['error'] == 0)
{
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: '.$_FILES[$key]['type'].'; name='.$_FILES[$key]['name'].$eol;
$body .= 'Content-Transfer-Encoding: base64'.$eol;
$body .= 'Content-Disposition: attachment; filename='.$_FILES[$key]['name'].$eol;
$body .= $eol.chunk_split(base64_encode(file_get_contents($_FILES[$key]['tmp_name']))).$eol;
}
}
}
$body .= '--'.$boundary.'--'.$eol;
if ($mailto != '')
{
mail($mailto, $subject, $body, $header);
}
header('Location: '.$success_url);
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>siedle-kochanowka.pl</title>
<meta name="generator" content="WYSIWYG Web Builder 15 - http://www.wysiwygwebbuilder.com">
<style>
html, body
{
height: 100%;
}
div#space
{
width: 1px;
height: 50%;
margin-bottom: -525px;
float:left
}
div#container
{
width: 1250px;
height: 1051px;
margin: 0 auto;
position: relative;
clear: left;
}
body
{
background-color: #FFFFFF;
background-image: url(images/IMG_20190707_122624.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
</style>
<link href="css/font-awesome.min.css" rel="stylesheet">
<style>
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
outline: none;
}
#kontaktLayer1
{
background-color: transparent;
background-image: none;
}
#wb_kontaktShape1
{
transform: rotate(0deg);
transform-origin: 50% 50%;
}
#kontaktShape1
{
border-width: 0;
vertical-align: top;
}
#kontaktLayer2
{
background-color: transparent;
background-image: none;
}
#wb_kontaktForm2
{
background-color: #800000;
background-image: none;
border: 3px solid #000000;
border-radius: 3px;
}
#kontaktLabel6
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox4
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 18px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
}
#kontaktEditbox4:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel7
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox5
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
}
#kontaktEditbox5:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel8
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox6
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
}
#kontaktEditbox6:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel9
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox7
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
box-sizing: border-box;
line-height: 16px;
padding: 4px 4px 4px 4px;
text-align: left;
box-sizing: border-box;
width: 100%;
}
#kontaktEditbox7:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktEditbox7.is-valid
{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328A745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center right calc(0.375em + 0.1875rem) !important;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
border-color: #28A745 !important;
padding-right: calc(1.5em + 0.75rem) !important;
}
#kontaktEditbox7.is-invalid
{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DC3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DC3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center right calc(0.375em + 0.1875rem) !important;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
border-color: #DC3545 !important;
padding-right: calc(1.5em + 0.75rem) !important;
}
#kontaktEditbox7.is-valid:focus
{
border-color: #28A745 !important;
box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.25) !important;
}
#kontaktEditbox7.is-invalid:focus
{
border-color: #DC3545 !important;
box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.25)!important;
}
#kontaktLabel10
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktTextArea2
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
overflow: auto;
resize: none;
}
#kontaktTextArea2:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel11
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktFileUpload2 *
{
box-sizing: border-box;
}
#kontaktFileUpload2{
display: table;
border-collapse: separate;
margin: 0;
}
#kontaktFileUpload2 .form-control
{
display: block;
width: 100%;
height: 32px;
line-height: 24px;
padding: 4px 4px 4px 4px;
font-family:Arial;
font-weight: normal;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
background-image: none;
border: 4px solid #000000;
border-radius: 4px;
}
#kontaktFileUpload2 .form-control
{
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0px;
}
#kontaktFileUpload2 label
{
display: inline-block;
margin-bottom: 5px;
font-weight: 700;
}
#kontaktFileUpload2 .input-group-btn, kontaktFileUpload2 .form-control
{
display: table-cell;
}
#kontaktFileUpload2 :first-child.form-control, kontaktFileUpload2 :first-child.input-group-btn > .btn, kontaktFileUpload2 :first-child.input-group-btn > .btn-group > .btn, kontaktFileUpload2 :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, kontaktFileUpload2 :last-child.input-group-btn > :not(:last-child).btn-group > .btn
{
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
#kontaktFileUpload2 .input-group-btn
{
width: 1%;
white-space: nowrap;
vertical-align: middle;
position: relative;
font-size: 0px;
white-space: nowrap;
}
#kontaktFileUpload2 .btn
{
display: inline-block;
margin-bottom: 0px;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #FF0000;
background-image: none;
border: 1px solid #000000;
color: #FFFFFF;
white-space: nowrap;
padding: 4px 8px 4px 8px;
font-family:Arial;
font-weight: normal;
font-size: 13px;
line-height: 24px;
border-radius: 4px;
height: 32px;
}
#kontaktFileUpload2 .input-group-btn > .btn
{
position: relative;
}
#kontaktFileUpload2 :last-child.form-control, #kontaktFileUpload2 :last-child.input-group-btn > .btn, #kontaktFileUpload2 :last-child.input-group-btn > .btn-group > .btn, #kontaktFileUpload2 :first-child.input-group-btn > :not(:first-child).btn, kontaktFileUpload2 :first-child.input-group-btn > :not(:first-child).btn-group > .btn
{
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
#kontaktFileUpload2 :last-child.input-group-btn > .btn, kontaktFileUpload2 :last-child.input-group-btn > .btn-group
{
margin-left: -1px;
}
#kontaktButton3
{
border: 4px solid #000000;
border-radius: 4px;
background-color: #FF0000;
background-image: none;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
margin: 0;
}
#kontaktButton4
{
border: 4px solid #000000;
border-radius: 4px;
background-color: #FF0000;
background-image: none;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
margin: 0;
}
#kontaktOverlayMenu1
{
background-color: #800000;
background-image: none;
border: 0px solid #424242;
margin: 0;
}
#kontaktOverlayMenu1:hover
{
background-color: #FFFFFF;
background-image: none;
border-color: #424242;
}
#kontaktOverlayMenu1
{
display: block;
width: 100px;
height: 100px;
position: absolute;
}
#kontaktOverlayMenu1 .line
{
width: 32px;
height: 6px;
background: #FFFFFF;
display: block;
margin: 6px auto;
}
#kontaktOverlayMenu1:hover .line
{
background: #424242;
}
#kontaktOverlayMenu1 .line:first-child
{
margin-top: 34px;
}
#kontaktOverlayMenu1-close
{
background: transparent;
font-size: 10px;
height: 2.8em;
outline: none;
position: absolute;
right: 10px;
text-align: left;
top: 10px;
width: 3em;
}
#kontaktOverlayMenu1-close:before, #kontaktOverlayMenu1-close:after
{
background: #FFFFFF;
content: "";
display: block;
height: 0.6em;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
}
#kontaktOverlayMenu1-close span
{
background: #FFFFFF;
height: 0.6em;
margin-top: -0.3em;
position: absolute;
top: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
width: 100%;
}
#kontaktOverlayMenu1-close span::after
{
background: #FFFFFF;
content: "";
display: block;
height: 0.6em;
position: absolute;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
width: 100%;
}
#kontaktOverlayMenu1-close:before
{
margin-top: -0.3em;
opacity: 0;
top: 50%;
}
#kontaktOverlayMenu1-close:after
{
bottom: 50%;
opacity: 0;
}
#kontaktOverlayMenu1-close span
{
background: #FFFFFF;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#kontaktOverlayMenu1-close span:after
{
background: #FFFFFF;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#kontaktOverlayMenu1-overlay
{
background-color: rgba(165,42,42,0.87);
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
#kontaktOverlayMenu1-overlay ul
{
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 19px;
list-style: none;
margin: 0;
padding: 0;
}
.kontaktOverlayMenu1
{
position: relative;
top: 50%;
height: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
max-width: 970px;
margin: 0 auto 0 auto;
}
.kontaktOverlayMenu1 a
{
text-decoration: none;
}
.kontaktOverlayMenu1 ul
{
list-style: none;
padding: 0;
text-align: center;
}
.kontaktOverlayMenu1 li
{
position: relative;
}
.kontaktOverlayMenu1 li a
{
display: block;
position: relative;
padding: 10px 15px 10px 15px;
color: #FFFFFF;
outline: none;
}
.kontaktOverlayMenu1 li a:hover
{
color: #424242;
background-color: #CCCCCC;
}
#kontaktOverlayMenu1-overlay
{
visibility: hidden;
width: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
transition: width 400ms 0.3s, visibility 0s 700ms;
}
#kontaktOverlayMenu1-overlay.show
{
visibility: visible;
width: 100%;
-webkit-transition: width 400ms;
transition: width 400ms;
}
#kontaktOverlayMenu1-overlay .kontaktOverlayMenu1
{
position: absolute;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
opacity: 0;
-webkit-transition: opacity 0.3s 400ms;
transition: opacity 0.3s 400ms;
}
#kontaktOverlayMenu1-overlay.show .kontaktOverlayMenu1
{
opacity: 1;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
#kontaktOverlayMenu1-overlay.hide .kontaktOverlayMenu1
{
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
#kontaktOverlayMenu1-overlay .overlay-icon
{
margin: 0px 10px 0px 0px;
}
</style>
<script src="jquery-1.12.4.min.js"></script>
<script src="wb.validation.min.js"></script>
<script src="wb.overlay.min.js"></script>
<script>
$(document).ready(function()
{
$("#kontaktForm2").submit(function(event)
{
var isValid = $.validate.form(this);
return isValid;
});
$("#kontaktEditbox7").validate(
{
required: true,
bootstrap: true,
type: 'email',
color_text: '#000000',
color_hint: '#00FF00',
color_error: '#FF0000',
color_border: '#808080',
nohint: false,
font_family: 'Arial',
font_size: '13px',
position: 'topleft',
offsetx: 0,
offsety: 0,
effect: 'none',
error_text: ''
});
$("#kontaktFileUpload2 :file").on('change', function()
{
var input = $(this).parents('.input-group').find(':text');
input.val($(this).val());
});
var $overlaymenu = $('#kontaktOverlayMenu1-overlay');
$overlaymenu.overlay({'hideTransition':true});
$('#kontaktOverlayMenu1').on('click', function(e)
{
$.overlay.show($overlaymenu);
return false;
});
});
</script>
</head>
<body>
<div id="space"><br></div>
<div id="container">
</div>
<div id="kontaktLayer1" style="position:absolute;text-align:left;left:0px;top:0px;width:380px;height:1051px;z-index:32;">
<div id="wb_kontaktShape1" style="position:absolute;left:140px;top:70px;width:100px;height:137px;z-index:14;">
<img src="images/img0007.png" id="kontaktShape1" alt="" style="width:100px;height:137px;"></div>
<div id="kontaktLayer2" style="position:absolute;text-align:left;left:0px;top:819px;width:380px;height:123px;z-index:15;">
</div>
<div id="wb_kontaktForm2" style="position:absolute;left:6px;top:301px;width:362px;height:496px;z-index:16;">
<form name="Formularz_kontaktowy" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" accept-charset="UTF-8" id="kontaktForm2">
<input type="hidden" name="formid" value="kontaktform2">
<input type="text" id="kontaktEditbox4" style="position:absolute;left:142px;top:25px;width:186px;height:18px;z-index:0;" name="Imie" value="" spellcheck="false" required>
<label for="kontaktEditbox5" id="kontaktLabel7" style="position:absolute;left:40px;top:76px;width:76px;height:18px;line-height:18px;z-index:1;">Nazwisko</label>
<input type="text" id="kontaktEditbox5" style="position:absolute;left:142px;top:74px;width:186px;height:16px;z-index:2;" name="Nazwisko" value="" spellcheck="false" required>
<label for="kontaktEditbox6" id="kontaktLabel8" style="position:absolute;left:40px;top:124px;width:50px;height:18px;line-height:18px;z-index:3;">Temat</label>
<input type="text" id="kontaktEditbox6" style="position:absolute;left:142px;top:122px;width:186px;height:16px;z-index:4;" name="Temat" value="" spellcheck="false" required>
<label for="kontaktEditbox7" id="kontaktLabel9" style="position:absolute;left:40px;top:171px;width:66px;height:18px;line-height:18px;z-index:5;">E-mail</label>
<div id="wb_kontaktEditbox7" style="position:absolute;left:142px;top:169px;width:200px;height:30px;z-index:6;">
<input type="text" id="kontaktEditbox7" style="" name="Email" value="" spellcheck="false"></div>
<label for="kontaktTextArea2" id="kontaktLabel10" style="position:absolute;left:30px;top:252px;width:86px;height:18px;line-height:18px;z-index:7;">Wiadomość</label>
<textarea name="Wiadomość" id="kontaktTextArea2" style="position:absolute;left:142px;top:218px;width:186px;height:86px;z-index:8;" rows="5" cols="21" spellcheck="false" required></textarea>
<div id="kontaktFileUpload2" class="input-group" style="position:absolute;left:88px;top:340px;width:254px;height:32px;z-index:9;">
<input class="form-control" type="text" readonly="">
<label class="input-group-btn">
<input type="file" name="Wyślij plik" id="kontaktFileUpload2-file" style="display:none;"><span class="btn">Szukaj..</span>
</label>
</div>
<input type="submit" id="kontaktButton3" name="" value="Wyślij" style="position:absolute;left:142px;top:397px;width:96px;height:25px;z-index:10;">
<input type="reset" id="kontaktButton4" name="" value="Popraw" style="position:absolute;left:142px;top:437px;width:96px;height:25px;z-index:11;">
<label for="kontaktEditbox4" id="kontaktLabel6" style="position:absolute;left:40px;top:28px;width:66px;height:18px;line-height:18px;z-index:12;">Imię</label>
<label for="kontaktFileUpload2" id="kontaktLabel11" style="position:absolute;left:10px;top:344px;width:66px;height:16px;line-height:16px;z-index:13;">Wyslij plik</label>
</form>
</div>
<div id="wb_kontaktOverlayMenu1" style="position:absolute;left:140px;top:107px;width:100px;height:100px;z-index:17;">
<a href="#" id="kontaktOverlayMenu1">
<span class="line"></span>
<span class="line">
</span><span class="line"></span>
</a>
</div>
</div>
<div id="kontaktOverlayMenu1-overlay">
<div class="kontaktOverlayMenu1">
<ul class="drilldown-menu" role="menu">
<li><a role="menuitem" href="./index.php"><i class="fa fa-university overlay-icon"></i>Główna</a></li>
<li><a role="menuitem" href="./osiedle.html"><i class="fa fa-home overlay-icon"></i>Osiedle</a></li>
<li><a role="menuitem" href="./zarzad.html"><i class="fa fa-user-circle-o overlay-icon"></i>Zarząd</a></li>
<li><a role="menuitem" href="./informacje.html"><i class="fa fa-info-circle overlay-icon"></i>Informacja</a></li>
<li><a role="menuitem" href="./kontakt.php"><i class="fa fa-at overlay-icon"></i>Kontakt</a></li>
</ul>
</div>
<a class="close-button" id="kontaktOverlayMenu1-close" href="#" role="button" aria-hidden="true"><span></span></a>
</div>
</body>
</html>

ponton.z · Post by **ponton.z** » Thu Jul 18, 2019 8:34 pm

<?php
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'kontaktform2')
{
$mailto = 'kochanowka@slawekzawadzki.pl';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Wiadomość ze strony osiedle-kochanówka';
$message = 'Values submitted from web site form:';
$success_url = '';
$error_url = '';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha_code", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response");
$boundary = md5(uniqid(time()));
$header = 'From: '.$mailfrom.$eol;
$header .= 'Reply-To: '.$mailfrom.$eol;
$header .= 'MIME-Version: 1.0'.$eol;
$header .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'.$eol;
$header .= 'X-Mailer: PHP v'.phpversion().$eol;

try
{
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}

$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (!is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
}
}
$body = 'This is a multi-part message in MIME format.'.$eol.$eol;
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: text/plain; charset=UTF-8'.$eol;
$body .= 'Content-Transfer-Encoding: 8bit'.$eol;
$body .= $eol.stripslashes($message).$eol;
if (!empty($_FILES))
{
foreach ($_FILES as $key => $value)
{
if ($_FILES[$key]['error'] == 0)
{
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: '.$_FILES[$key]['type'].'; name='.$_FILES[$key]['name'].$eol;
$body .= 'Content-Transfer-Encoding: base64'.$eol;
$body .= 'Content-Disposition: attachment; filename='.$_FILES[$key]['name'].$eol;
$body .= $eol.chunk_split(base64_encode(file_get_contents($_FILES[$key]['tmp_name']))).$eol;
}
}
}
$body .= '--'.$boundary.'--'.$eol;
if ($mailto != '')
{
mail($mailto, $subject, $body, $header);
}
header('Location: '.$success_url);
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>siedle-kochanowka.pl</title>
<meta name="generator" content="WYSIWYG Web Builder 15 - http://www.wysiwygwebbuilder.com">
<style>
html, body
{
height: 100%;
}
div#space
{
width: 1px;
height: 50%;
margin-bottom: -525px;
float:left
}
div#container
{
width: 1250px;
height: 1051px;
margin: 0 auto;
position: relative;
clear: left;
}
body
{
background-color: #FFFFFF;
background-image: url(images/IMG_20190707_122624.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
</style>
<link href="css/font-awesome.min.css" rel="stylesheet">
<style>
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
outline: none;
}
#kontaktLayer1
{
background-color: transparent;
background-image: none;
}
#wb_kontaktShape1
{
transform: rotate(0deg);
transform-origin: 50% 50%;
}
#kontaktShape1
{
border-width: 0;
vertical-align: top;
}
#kontaktLayer2
{
background-color: transparent;
background-image: none;
}
#wb_kontaktForm2
{
background-color: #800000;
background-image: none;
border: 3px solid #000000;
border-radius: 3px;
}
#kontaktLabel6
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox4
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 18px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
}
#kontaktEditbox4:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel7
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox5
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
}
#kontaktEditbox5:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel8
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox6
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
}
#kontaktEditbox6:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel9
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktEditbox7
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
box-sizing: border-box;
line-height: 16px;
padding: 4px 4px 4px 4px;
text-align: left;
box-sizing: border-box;
width: 100%;
}
#kontaktEditbox7:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktEditbox7.is-valid
{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328A745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center right calc(0.375em + 0.1875rem) !important;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
border-color: #28A745 !important;
padding-right: calc(1.5em + 0.75rem) !important;
}
#kontaktEditbox7.is-invalid
{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23DC3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23DC3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center right calc(0.375em + 0.1875rem) !important;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
border-color: #DC3545 !important;
padding-right: calc(1.5em + 0.75rem) !important;
}
#kontaktEditbox7.is-valid:focus
{
border-color: #28A745 !important;
box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.25) !important;
}
#kontaktEditbox7.is-invalid:focus
{
border-color: #DC3545 !important;
box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.25)!important;
}
#kontaktLabel10
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 16px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktTextArea2
{
border: 3px solid #000000;
border-radius: 3px;
background-clip: padding-box;
background-color: #FFFFFF;
background-image: none;
color :#000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
overflow: auto;
resize: none;
}
#kontaktTextArea2:focus
{
border-color: #66AFE9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
outline: 0;
}
#kontaktLabel11
{
border: 0px solid #CCCCCC;
border-radius: 4px;
background-color: transparent;
background-image: none;
color :#FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
padding: 4px 4px 4px 4px;
margin: 0;
text-align: left;
vertical-align: top;
}
#kontaktFileUpload2 *
{
box-sizing: border-box;
}
#kontaktFileUpload2{
display: table;
border-collapse: separate;
margin: 0;
}
#kontaktFileUpload2 .form-control
{
display: block;
width: 100%;
height: 32px;
line-height: 24px;
padding: 4px 4px 4px 4px;
font-family:Arial;
font-weight: normal;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
background-image: none;
border: 4px solid #000000;
border-radius: 4px;
}
#kontaktFileUpload2 .form-control
{
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0px;
}
#kontaktFileUpload2 label
{
display: inline-block;
margin-bottom: 5px;
font-weight: 700;
}
#kontaktFileUpload2 .input-group-btn, kontaktFileUpload2 .form-control
{
display: table-cell;
}
#kontaktFileUpload2 :first-child.form-control, kontaktFileUpload2 :first-child.input-group-btn > .btn, kontaktFileUpload2 :first-child.input-group-btn > .btn-group > .btn, kontaktFileUpload2 :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, kontaktFileUpload2 :last-child.input-group-btn > :not(:last-child).btn-group > .btn
{
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
#kontaktFileUpload2 .input-group-btn
{
width: 1%;
white-space: nowrap;
vertical-align: middle;
position: relative;
font-size: 0px;
white-space: nowrap;
}
#kontaktFileUpload2 .btn
{
display: inline-block;
margin-bottom: 0px;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #FF0000;
background-image: none;
border: 1px solid #000000;
color: #FFFFFF;
white-space: nowrap;
padding: 4px 8px 4px 8px;
font-family:Arial;
font-weight: normal;
font-size: 13px;
line-height: 24px;
border-radius: 4px;
height: 32px;
}
#kontaktFileUpload2 .input-group-btn > .btn
{
position: relative;
}
#kontaktFileUpload2 :last-child.form-control, #kontaktFileUpload2 :last-child.input-group-btn > .btn, #kontaktFileUpload2 :last-child.input-group-btn > .btn-group > .btn, #kontaktFileUpload2 :first-child.input-group-btn > :not(:first-child).btn, kontaktFileUpload2 :first-child.input-group-btn > :not(:first-child).btn-group > .btn
{
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
#kontaktFileUpload2 :last-child.input-group-btn > .btn, kontaktFileUpload2 :last-child.input-group-btn > .btn-group
{
margin-left: -1px;
}
#kontaktButton3
{
border: 4px solid #000000;
border-radius: 4px;
background-color: #FF0000;
background-image: none;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
margin: 0;
}
#kontaktButton4
{
border: 4px solid #000000;
border-radius: 4px;
background-color: #FF0000;
background-image: none;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
margin: 0;
}
#kontaktOverlayMenu1
{
background-color: #800000;
background-image: none;
border: 0px solid #424242;
margin: 0;
}
#kontaktOverlayMenu1:hover
{
background-color: #FFFFFF;
background-image: none;
border-color: #424242;
}
#kontaktOverlayMenu1
{
display: block;
width: 100px;
height: 100px;
position: absolute;
}
#kontaktOverlayMenu1 .line
{
width: 32px;
height: 6px;
background: #FFFFFF;
display: block;
margin: 6px auto;
}
#kontaktOverlayMenu1:hover .line
{
background: #424242;
}
#kontaktOverlayMenu1 .line:first-child
{
margin-top: 34px;
}
#kontaktOverlayMenu1-close
{
background: transparent;
font-size: 10px;
height: 2.8em;
outline: none;
position: absolute;
right: 10px;
text-align: left;
top: 10px;
width: 3em;
}
#kontaktOverlayMenu1-close:before, #kontaktOverlayMenu1-close:after
{
background: #FFFFFF;
content: "";
display: block;
height: 0.6em;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
}
#kontaktOverlayMenu1-close span
{
background: #FFFFFF;
height: 0.6em;
margin-top: -0.3em;
position: absolute;
top: 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
width: 100%;
}
#kontaktOverlayMenu1-close span::after
{
background: #FFFFFF;
content: "";
display: block;
height: 0.6em;
position: absolute;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
width: 100%;
}
#kontaktOverlayMenu1-close:before
{
margin-top: -0.3em;
opacity: 0;
top: 50%;
}
#kontaktOverlayMenu1-close:after
{
bottom: 50%;
opacity: 0;
}
#kontaktOverlayMenu1-close span
{
background: #FFFFFF;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#kontaktOverlayMenu1-close span:after
{
background: #FFFFFF;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#kontaktOverlayMenu1-overlay
{
background-color: rgba(165,42,42,0.87);
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
#kontaktOverlayMenu1-overlay ul
{
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 19px;
list-style: none;
margin: 0;
padding: 0;
}
.kontaktOverlayMenu1
{
position: relative;
top: 50%;
height: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
max-width: 970px;
margin: 0 auto 0 auto;
}
.kontaktOverlayMenu1 a
{
text-decoration: none;
}
.kontaktOverlayMenu1 ul
{
list-style: none;
padding: 0;
text-align: center;
}
.kontaktOverlayMenu1 li
{
position: relative;
}
.kontaktOverlayMenu1 li a
{
display: block;
position: relative;
padding: 10px 15px 10px 15px;
color: #FFFFFF;
outline: none;
}
.kontaktOverlayMenu1 li a:hover
{
color: #424242;
background-color: #CCCCCC;
}
#kontaktOverlayMenu1-overlay
{
visibility: hidden;
width: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
transition: width 400ms 0.3s, visibility 0s 700ms;
}
#kontaktOverlayMenu1-overlay.show
{
visibility: visible;
width: 100%;
-webkit-transition: width 400ms;
transition: width 400ms;
}
#kontaktOverlayMenu1-overlay .kontaktOverlayMenu1
{
position: absolute;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
opacity: 0;
-webkit-transition: opacity 0.3s 400ms;
transition: opacity 0.3s 400ms;
}
#kontaktOverlayMenu1-overlay.show .kontaktOverlayMenu1
{
opacity: 1;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
#kontaktOverlayMenu1-overlay.hide .kontaktOverlayMenu1
{
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
#kontaktOverlayMenu1-overlay .overlay-icon
{
margin: 0px 10px 0px 0px;
}
</style>
<script src="jquery-1.12.4.min.js"></script>
<script src="wb.validation.min.js"></script>
<script src="wb.overlay.min.js"></script>
<script>
$(document).ready(function()
{
$("#kontaktForm2").submit(function(event)
{
var isValid = $.validate.form(this);
return isValid;
});
$("#kontaktEditbox7").validate(
{
required: true,
bootstrap: true,
type: 'email',
color_text: '#000000',
color_hint: '#00FF00',
color_error: '#FF0000',
color_border: '#808080',
nohint: false,
font_family: 'Arial',
font_size: '13px',
position: 'topleft',
offsetx: 0,
offsety: 0,
effect: 'none',
error_text: ''
});
$("#kontaktFileUpload2 :file").on('change', function()
{
var input = $(this).parents('.input-group').find(':text');
input.val($(this).val());
});
var $overlaymenu = $('#kontaktOverlayMenu1-overlay');
$overlaymenu.overlay({'hideTransition':true});
$('#kontaktOverlayMenu1').on('click', function(e)
{
$.overlay.show($overlaymenu);
return false;
});
});
</script>
</head>
<body>
<div id="space"><br></div>
<div id="container">
</div>
<div id="kontaktLayer1" style="position:absolute;text-align:left;left:0px;top:0px;width:380px;height:1051px;z-index:32;">
<div id="wb_kontaktShape1" style="position:absolute;left:140px;top:70px;width:100px;height:137px;z-index:14;">
<img src="images/img0007.png" id="kontaktShape1" alt="" style="width:100px;height:137px;"></div>
<div id="kontaktLayer2" style="position:absolute;text-align:left;left:0px;top:819px;width:380px;height:123px;z-index:15;">
</div>
<div id="wb_kontaktForm2" style="position:absolute;left:6px;top:301px;width:362px;height:496px;z-index:16;">
<form name="Formularz_kontaktowy" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" accept-charset="UTF-8" id="kontaktForm2">
<input type="hidden" name="formid" value="kontaktform2">
<input type="text" id="kontaktEditbox4" style="position:absolute;left:142px;top:25px;width:186px;height:18px;z-index:0;" name="Imie" value="" spellcheck="false" required>
<label for="kontaktEditbox5" id="kontaktLabel7" style="position:absolute;left:40px;top:76px;width:76px;height:18px;line-height:18px;z-index:1;">Nazwisko</label>
<input type="text" id="kontaktEditbox5" style="position:absolute;left:142px;top:74px;width:186px;height:16px;z-index:2;" name="Nazwisko" value="" spellcheck="false" required>
<label for="kontaktEditbox6" id="kontaktLabel8" style="position:absolute;left:40px;top:124px;width:50px;height:18px;line-height:18px;z-index:3;">Temat</label>
<input type="text" id="kontaktEditbox6" style="position:absolute;left:142px;top:122px;width:186px;height:16px;z-index:4;" name="Temat" value="" spellcheck="false" required>
<label for="kontaktEditbox7" id="kontaktLabel9" style="position:absolute;left:40px;top:171px;width:66px;height:18px;line-height:18px;z-index:5;">E-mail</label>
<div id="wb_kontaktEditbox7" style="position:absolute;left:142px;top:169px;width:200px;height:30px;z-index:6;">
<input type="text" id="kontaktEditbox7" style="" name="Email" value="" spellcheck="false"></div>
<label for="kontaktTextArea2" id="kontaktLabel10" style="position:absolute;left:30px;top:252px;width:86px;height:18px;line-height:18px;z-index:7;">Wiadomość</label>
<textarea name="Wiadomość" id="kontaktTextArea2" style="position:absolute;left:142px;top:218px;width:186px;height:86px;z-index:8;" rows="5" cols="21" spellcheck="false" required></textarea>
<div id="kontaktFileUpload2" class="input-group" style="position:absolute;left:88px;top:340px;width:254px;height:32px;z-index:9;">
<input class="form-control" type="text" readonly="">
<label class="input-group-btn">
<input type="file" name="Wyślij plik" id="kontaktFileUpload2-file" style="display:none;"><span class="btn">Szukaj..</span>
</label>
</div>
<input type="submit" id="kontaktButton3" name="" value="Wyślij" style="position:absolute;left:142px;top:397px;width:96px;height:25px;z-index:10;">
<input type="reset" id="kontaktButton4" name="" value="Popraw" style="position:absolute;left:142px;top:437px;width:96px;height:25px;z-index:11;">
<label for="kontaktEditbox4" id="kontaktLabel6" style="position:absolute;left:40px;top:28px;width:66px;height:18px;line-height:18px;z-index:12;">Imię</label>
<label for="kontaktFileUpload2" id="kontaktLabel11" style="position:absolute;left:10px;top:344px;width:66px;height:16px;line-height:16px;z-index:13;">Wyslij plik</label>
</form>
</div>
<div id="wb_kontaktOverlayMenu1" style="position:absolute;left:140px;top:107px;width:100px;height:100px;z-index:17;">
<a href="#" id="kontaktOverlayMenu1">
<span class="line"></span>
<span class="line">
</span><span class="line"></span>
</a>
</div>
</div>
<div id="kontaktOverlayMenu1-overlay">
<div class="kontaktOverlayMenu1">
<ul class="drilldown-menu" role="menu">
<li><a role="menuitem" href="./index.php"><i class="fa fa-university overlay-icon"></i>Główna</a></li>
<li><a role="menuitem" href="./osiedle.html"><i class="fa fa-home overlay-icon"></i>Osiedle</a></li>
<li><a role="menuitem" href="./zarzad.html"><i class="fa fa-user-circle-o overlay-icon"></i>Zarząd</a></li>
<li><a role="menuitem" href="./informacje.html"><i class="fa fa-info-circle overlay-icon"></i>Informacja</a></li>
<li><a role="menuitem" href="./kontakt.php"><i class="fa fa-at overlay-icon"></i>Kontakt</a></li>
</ul>
</div>
<a class="close-button" id="kontaktOverlayMenu1-close" href="#" role="button" aria-hidden="true"><span></span></a>
</div>
</body>
</html>

Post by **Pablo** » Fri Jul 19, 2019 6:11 am

The success and error page and not correct. They point to the same page.

Step 1
Create 2 new pages: success + error

The success page displays a 'your message has been success sent' message
The error page displays an error message. See the FAQ.

Step 2
Set these pages as the success and error page of your form.

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 11:28 am

Well, I understand that I have to create two pages one success and the other error and form to mark success on the success side and error on the error page.

Post by **Pablo** » Fri Jul 19, 2019 11:53 am

Correct, if you want to display a success and error page. Otherwise it just redirects the user to the same page.
Please carefully read the FAQ. All issues you have run into have been documented.

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 12:46 pm

Write to me what to do next, because I do not understand this tutorial, maybe it is language related. I'm from Poland

Post by **Pablo** » Fri Jul 19, 2019 1:53 pm

Step 1
Create 2 new pages: success + error

The success page displays a 'your message has been success sent' message
The error page displays an error message. See the FAQ.

Step 2
Set these pages as the success and error page of your form.

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 2:29 pm

I am opening a new page and the header is a message sent and below Not Found I wanted to pop up the message on this page and not on the new page

Post by **Pablo** » Fri Jul 19, 2019 2:37 pm

For advanced users:
http://wysiwygwebbuilder.com/form_popup.html

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 3:08 pm

Where should I put them on these two sides success and error

Post by **Pablo** » Fri Jul 19, 2019 3:55 pm

This does not change the way the success and error page are configured.

Please do one thing at a time.
- first make your form work
- then make the success and error page work
- next implement the popup

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 4:25 pm

Mam zrobiony formularz kontaktowy i pokieruj mnie krok po kroku jak uruchomić okienko informacyjne wysłane lub błąd, gdzie mam wejść i co zrobić aż to finału. Wiem ze jestem upierdliwy, ale bym v=chciał mię ta funkcje.

Post by **Pablo** » Fri Jul 19, 2019 4:53 pm

Here is the tutorial:
http://wysiwygwebbuilder.com/form_popup.html

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 6:17 pm

I do it like a guide but it does not work.
1The page is created and the second error
2 I'm moving two files form and the other one
3 I will fill them out as in the drawing and does not work, so I asked you to show me how you do it in the drawings

Post by **Pablo** » Fri Jul 19, 2019 6:19 pm

Did you publish all files?
What is the URL of the page?
What is the HTML/PHP code of the page?

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 6:45 pm

yes page is osiedle-kochanowka.pl
?php
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'wysłana-pomyślnieform1')
{
$mailto = 'yourname@yourdomain.com';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Website form';
$message = 'Values submitted from web site form:';
$success_url = './wysłana-pomyślnie.php';
$error_url = './błąd.php';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha_code", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response");
$boundary = md5(uniqid(time()));
$header = 'From: '.$mailfrom.$eol;
$header .= 'Reply-To: '.$mailfrom.$eol;
$header .= 'MIME-Version: 1.0'.$eol;
$header .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'.$eol;
$header .= 'X-Mailer: PHP v'.phpversion().$eol;

try
{
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}

$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (!is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
}
}
$body = 'This is a multi-part message in MIME format.'.$eol.$eol;
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: text/plain; charset=UTF-8'.$eol;
$body .= 'Content-Transfer-Encoding: 8bit'.$eol;
$body .= $eol.stripslashes($message).$eol;
if (!empty($_FILES))
{
foreach ($_FILES as $key => $value)
{
if ($_FILES[$key]['error'] == 0)
{
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: '.$_FILES[$key]['type'].'; name='.$_FILES[$key]['name'].$eol;
$body .= 'Content-Transfer-Encoding: base64'.$eol;
$body .= 'Content-Disposition: attachment; filename='.$_FILES[$key]['name'].$eol;
$body .= $eol.chunk_split(base64_encode(file_get_contents($_FILES[$key]['tmp_name']))).$eol;
}
}
}
$body .= '--'.$boundary.'--'.$eol;
if ($mailto != '')
{
mail($mailto, $subject, $body, $header);
}
header('Location: '.$success_url);
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>wysłana pomyślnie</title>
<meta name="generator" content="WYSIWYG Web Builder 15 - http://www.wysiwygwebbuilder.com">
<style>
body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
</style>
<link href="css/base/jquery-ui.min.css" rel="stylesheet">
<style>
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
outline: none;
}
.ui-dialog.ui-widget
{
font-size: 1em !important;
z-index: 9999 !important;
}
.wysłana-pomyślnieDialog1.ui-dialog
{
display: none;
margin: 0;
padding: 4px 4px 4px 4px;
}
.wysłana-pomyślnieDialog1.ui-dialog .ui-dialog-title
{
color: #333333;
font-family: Arial;
font-weight: normal;
font-size: 13px;
font-style: normal;
margin: 0;
}
.wysłana-pomyślnieDialog1.ui-dialog .ui-dialog-titlebar
{
font-weight: normal;
padding: 10px 10px 10px 10px;
}
.wysłana-pomyślnieDialog1.ui-dialog .ui-dialog-titlebar-close
{
outline: 0;
right: 10px;
}
.wysłana-pomyślnieDialog1, .wysłana-pomyślnieDialog1 .ui-corner-all
{
border-radius: 0px;
}
#wysłana-pomyślnieDialog1.ui-dialog-content
{
overflow: visible;
padding: 0;
}
.wysłana-pomyślnieDialog1 .ui-dialog-buttonpane .ui-dialog-buttonset
{
float: right;
}
.wysłana-pomyślnieDialog1 .ui-dialog-buttonpane
{
text-align: right;
}
#wb_wysłana-pomyślnieForm1
{
background-color: #FBFBFB;
background-image: none;
border: 0px solid #CCCCCC;
}
</style>
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
function submitwysłana_pomyślnieForm1()
{
$("#wysłana-pomyślnieDialog1").dialog('open');
return true;
}
</script>
<script>
$(document).ready(function()
{
$("#wysłana-pomyślnieDialog1").dialog(
{
title: 'This is the title',
modal: true,
width: 90,
height: 100,
position: { my: 'center', at: 'center', of: window },
resizable: true,
draggable: true,
closeOnEscape: true,
show: false,
hide: false,
autoOpen: false,
classes: {'ui-dialog': 'wysłana-pomyślnieDialog1'}
});
});
</script>
</head>
<body>
<div id="wysłana-pomyślnieDialog1">
<iframe allowtransparency="true" frameborder="0" id="wysłana-pomyślnieDialog1-iframe" name="wysłana-pomyślnieDialog1-iframe" src="about:blank" style="width:100%;height:100%;border-width:0"></iframe>
</div>
<div id="wb_wysłana-pomyślnieForm1" style="position:absolute;left:364px;top:603px;width:100px;height:100px;z-index:1;">
<form name="wysłana_pomyślnieForm1" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" accept-charset="UTF-8" target="wysłana-pomyślnieDialog1-iframe" id="wysłana-pomyślnieForm1" onsubmit="return submitwysłana_pomyślnieForm1()">
<input type="hidden" name="formid" value="wysłana-pomyślnieform1">
</form>
</div>
</body>
</html>

Post by **Pablo** » Fri Jul 19, 2019 8:17 pm

I do not see the form on this page.
What is the exact URL of the page?

ponton.z · Post by **ponton.z** » Fri Jul 19, 2019 8:38 pm

http://www.osiedle-kochanowka.pl/kontakt.php

Post by **Pablo** » Sat Jul 20, 2019 6:56 am

I'm sorry, but it does not look like you have republished all files.
This page is not the same as the code you have posted.

ponton.z · Post by **ponton.z** » Sat Jul 20, 2019 7:59 am

It's best to describe and show on screen projections how you create the entire procedure step by step. How is the problem on the site is send to the address zawadzkis@toja.net.pl. You can record a movie

Post by **Pablo** » Sat Jul 20, 2019 9:56 am

It's best to describe and show on screen projections how you create the entire procedure step by step

The tutorial describes exactly how to do it.

And based on the code you have done it right.
However, the page on the server is not the same as the code you have posted.
You will need to republish all files.

ponton.z · Post by **ponton.z** » Sat Jul 20, 2019 11:48 am

I will send you the page without any changes. There is a problem you would have to do if I asked the previous post
<?php
function ValidateEmail($email)
{
$pattern = '/^([0-9a-z]([-.\w]*[0-9a-z])*@(([0-9a-z])+([-\w]*[0-9a-z])*\.)+[a-z]{2,6})$/i';
return preg_match($pattern, $email);
}
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['formid']) && $_POST['formid'] == 'wysłana-pomyślnieform1')
{
$mailto = 'yourname@yourdomain.com';
$mailfrom = isset($_POST['email']) ? $_POST['email'] : $mailto;
$subject = 'Website form';
$message = 'Values submitted from web site form:';
$success_url = './wysłana-pomyślnie.php';
$error_url = './błąd.php';
$eol = "\n";
$error = '';
$internalfields = array ("submit", "reset", "send", "filesize", "formid", "captcha_code", "recaptcha_challenge_field", "recaptcha_response_field", "g-recaptcha-response");
$boundary = md5(uniqid(time()));
$header = 'From: '.$mailfrom.$eol;
$header .= 'Reply-To: '.$mailfrom.$eol;
$header .= 'MIME-Version: 1.0'.$eol;
$header .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'.$eol;
$header .= 'X-Mailer: PHP v'.phpversion().$eol;

try
{
if (!ValidateEmail($mailfrom))
{
$error .= "The specified email address (" . $mailfrom . ") is invalid!\n<br>";
throw new Exception($error);
}

$message .= $eol;
$message .= "IP Address : ";
$message .= $_SERVER['REMOTE_ADDR'];
$message .= $eol;
foreach ($_POST as $key => $value)
{
if (!in_array(strtolower($key), $internalfields))
{
if (!is_array($value))
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . $value . $eol;
}
else
{
$message .= ucwords(str_replace("_", " ", $key)) . " : " . implode(",", $value) . $eol;
}
}
}
$body = 'This is a multi-part message in MIME format.'.$eol.$eol;
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: text/plain; charset=UTF-8'.$eol;
$body .= 'Content-Transfer-Encoding: 8bit'.$eol;
$body .= $eol.stripslashes($message).$eol;
if (!empty($_FILES))
{
foreach ($_FILES as $key => $value)
{
if ($_FILES[$key]['error'] == 0)
{
$body .= '--'.$boundary.$eol;
$body .= 'Content-Type: '.$_FILES[$key]['type'].'; name='.$_FILES[$key]['name'].$eol;
$body .= 'Content-Transfer-Encoding: base64'.$eol;
$body .= 'Content-Disposition: attachment; filename='.$_FILES[$key]['name'].$eol;
$body .= $eol.chunk_split(base64_encode(file_get_contents($_FILES[$key]['tmp_name']))).$eol;
}
}
}
$body .= '--'.$boundary.'--'.$eol;
if ($mailto != '')
{
mail($mailto, $subject, $body, $header);
}
header('Location: '.$success_url);
}
catch (Exception $e)
{
$errorcode = file_get_contents($error_url);
$replace = "##error##";
$errorcode = str_replace($replace, $e->getMessage(), $errorcode);
echo $errorcode;
}
exit;
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>wysłana pomyślnie</title>
<meta name="generator" content="WYSIWYG Web Builder 15 - http://www.wysiwygwebbuilder.com">
<style>
body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
</style>
<link href="css/base/jquery-ui.min.css" rel="stylesheet">
<style>
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
outline: none;
}
.ui-dialog.ui-widget
{
font-size: 1em !important;
z-index: 9999 !important;
}
.wysłana-pomyślnieDialog1.ui-dialog
{
display: none;
margin: 0;
padding: 4px 4px 4px 4px;
}
.wysłana-pomyślnieDialog1.ui-dialog .ui-dialog-title
{
color: #333333;
font-family: Arial;
font-weight: normal;
font-size: 13px;
font-style: normal;
margin: 0;
}
.wysłana-pomyślnieDialog1.ui-dialog .ui-dialog-titlebar
{
font-weight: normal;
padding: 10px 10px 10px 10px;
}
.wysłana-pomyślnieDialog1.ui-dialog .ui-dialog-titlebar-close
{
outline: 0;
right: 10px;
}
.wysłana-pomyślnieDialog1, .wysłana-pomyślnieDialog1 .ui-corner-all
{
border-radius: 0px;
}
#wysłana-pomyślnieDialog1.ui-dialog-content
{
overflow: visible;
padding: 0;
}
.wysłana-pomyślnieDialog1 .ui-dialog-buttonpane .ui-dialog-buttonset
{
float: right;
}
.wysłana-pomyślnieDialog1 .ui-dialog-buttonpane
{
text-align: right;
}
#wb_wysłana-pomyślnieForm1
{
background-color: #FBFBFB;
background-image: none;
border: 0px solid #CCCCCC;
}
</style>
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
function submitwysłana_pomyślnieForm1()
{
$("#wysłana-pomyślnieDialog1").dialog('open');
return true;
}
</script>
<script>
$(document).ready(function()
{
$("#wysłana-pomyślnieDialog1").dialog(
{
title: 'This is the title',
modal: true,
width: 90,
height: 100,
position: { my: 'center', at: 'center', of: window },
resizable: true,
draggable: true,
closeOnEscape: true,
show: false,
hide: false,
autoOpen: false,
classes: {'ui-dialog': 'wysłana-pomyślnieDialog1'}
});
});
</script>
</head>
<body>
<div id="wysłana-pomyślnieDialog1">
<iframe allowtransparency="true" frameborder="0" id="wysłana-pomyślnieDialog1-iframe" name="wysłana-pomyślnieDialog1-iframe" src="about:blank" style="width:100%;height:100%;border-width:0"></iframe>
</div>
<div id="wb_wysłana-pomyślnieForm1" style="position:absolute;left:364px;top:603px;width:100px;height:100px;z-index:1;">
<form name="wysłana_pomyślnieForm1" method="post" action="<?php echo basename(__FILE__); ?>" enctype="multipart/form-data" accept-charset="UTF-8" target="wysłana-pomyślnieDialog1-iframe" id="wysłana-pomyślnieForm1" onsubmit="return submitwysłana_pomyślnieForm1()">
<input type="hidden" name="formid" value="wysłana-pomyślnieform1">
</form>
</div>
</body>
</html>

Post by **Pablo** » Sat Jul 20, 2019 12:13 pm

This is not the HTML code of this page:
http://www.osiedle-kochanowka.pl/kontakt.php

- the code you posted seems to be correct
- if this is code the 'kontakt' page then please republish all fails for that page to the same location on the server.

it is important that you publish all files, because adding a dialog to the page will generate extra files.

Post by **Pablo** » Sat Jul 20, 2019 5:28 pm

The popup works like in the demo:
http://wysiwygwebbuilder.com/form_popup.html

If you need different functionality then you will need to implement your own script.

ponton.z · Post by **ponton.z** » Sat Jul 20, 2019 5:51 pm

Go to my website http://www.osiedle-kochanowka.pl/kontakt.php and send something you will be redirected to the page of success not like https://wysiwygwebbuilder.com/support/w ... -popup.php. Explain to me with your words. How do I make a contact form top I have to mark in it pages success and error or only in the other Dialog and move it to the only contacts page

Post by **Pablo** » Sat Jul 20, 2019 6:01 pm

There are two forms on the page. You can only have one for per page.

Please do one thing at a time. You are over-complicating things.

ponton.z · Post by **ponton.z** » Sat Jul 20, 2019 6:05 pm

What does two forms mean?

Post by **Pablo** » Sat Jul 20, 2019 6:17 pm

It means that there are 2 forms on the page.
Why did you add a second form?

ponton.z · Post by **ponton.z** » Sat Jul 20, 2019 6:26 pm

159/5000
This is the Toolbox contact form -> jQuery UI / Bootstrap -> Dialog
As dialog Is a form if you can configure it like the other one. He understands well.

Post by **Pablo** » Sat Jul 20, 2019 8:33 pm

It looks like you have it working now.

ponton.z · Post by **ponton.z** » Sat Jul 20, 2019 11:44 pm

So that you can record a video of how to create a form from Creating a Form with a popup confirmation with the button To prevent the user from submitting the same form again, it is probably a good idea to add a link to the success page another page.
It seems that something is not playing. He sent to the website http://www.osiedle-kochanowka.pl/kontakt.php

Post by **Pablo** » Sun Jul 21, 2019 6:43 am

I'm sorry I cannot create a video for you.
However, it seems to work now.

If you want to user to go to another page after the dialog has been displayed, you can add an event with a link to the button.

ponton.z · Post by **ponton.z** » Sun Jul 21, 2019 11:36 am

Byście mogli w dziale pomocy zrobić parę filmów instruktarzowych nowymi funkcjami np. ten formularz i inne nie każdy jest orłem.

MGD4me · Post by **MGD4me** » Sun Jul 21, 2019 11:39 pm

Byście mogli w dziale pomocy zrobić parę filmów instruktarzowych nowymi funkcjami np. ten formularz i inne nie każdy jest orłem.

You can also check YouTube. There are a number of very well produced videos already on-line. This is pretty basic stuff, really, but you do require a few skills.

Also, the 'Help' feature walks you through all the necessary steps, at least it did for me.

www.wysiwygwebbuilder.com

Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form

Re: Contact form