brak polskich znaków w formularzu kontaktowym Opcje

[marxdesign]

Witam, na mojej stronie umieściłem formularz kontaktowy, działa pięknie ale irytuje mnie jedno - a mianowicie maile wysyłane z formularza które otrzymuje na moją skrzynkę są wyświetlane mało czytelną czcionką (tak wygląda to wtedy gdy maile wysyłane są na gmaila)

http://img11.imageshack.us/img11/8249/scrv.jpg

A tak wygląda to kiedy maile wysyłane są na maila obsługiwanego programem pocztowym outloock. (w dodatku nie ma polskich znaków)

http://img21.imageshack.us/img21/4158/scrlw.jpg


poniżej przedstawiam poszczególne fragmenty mojego kodu:

plik: formularz.php

[PHP] pobierz, plaintext 
<style type="text/css">
* { 
margin: 0; 
padding: 0;
}
body { 
font: 100% normal Arial, Helvetica, sans-serif; 
background: #161712;
}
form, input, select, textarea {
margin:0; 
padding:0; 
color:#000;
}
 
div.box {
margin:0 auto;
width:500px;
background:#161712;
position:relative;
top:50px;
border:1px solid #161712;
 
}
 
div.box h1 {
color:#80197f;
font-size:14px;
text-transform:uppercase;
padding:5px 0 5px 5px;
}
 
div.box label {
width:100%;
display: block;
background:#161712;
border-top:1px solid #161712;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}
 
div.box label span {
display: block;
color:#fff;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}
 
div.box .wpis {
padding:10px 10px;
width:200px;
background:#b4b4b4;
border-bottom: 1px double #161712;
border-top: 1px double #161712;
border-left:1px double #161712;
border-right:1px double #161712;
}
 
div.box .wiadomosc {
padding:7px 7px;
width:350px;
background:#b4b4b4;
border-bottom: 1px double #161712;
border-top: 1px double #161712;
border-left:1px double #161712;
border-right:1px double #161712;
overflow:hidden;
height:150px;
}
 
div.box .button	{
margin:0 0 10px 0;
padding:4px 7px;
background:#80197f;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #161712;
border-top: 1px double #161712;
border-left:1px double #161712;
border-right:1px double #161712;
}
}
#contact_form #formularz label {
color: #FFF;
}
</style>
#komunikat#
<div class="box">
<form action="#strona#" method="post" id="formularz">
<h1>Formularz kontaktowy :</h1> 
<label><span>Imie i Nazwisko</span> <input type="text" class="wpis" name="nick" id="nick" value="#nick#" /> 
</label> 
 
<label><span>Temat :</span> 
<input type="text" class="wpis" name="temat" id="temat" value="#temat#"/> 
</label> 
<label> 
<span>E-mail :</span>
<input type="text" class="wpis" name="mail" id="mail" value="#mail#"/> 
</label> 
<label> 
<span>Wiadomość :</span> 
<textarea class="wiadomosc" name="tresc" id="tresc">#tresc#</textarea> </label>
<label>
<ul>
<input name="Wyślij" type="submit" class="button" value="Wyślj" /> 
</ul>
</label>
</form>
</div>
[PHP] pobierz, plaintext 

mail.php

[PHP] pobierz, plaintext 
<?php 
 
 
include ('ustawienia.php');
 
ob_start();
include('formularz.php');
$formularz = ob_get_contents();
ob_end_clean();
 
 
function wyswietl_forme($komunikat='') {
global $formularz;
 
$do_zmiany = array(
'#komunikat#',
'#strona#',
'#nick#',
'#mail#',
'#temat#',
'#tresc#'
);
$zmien_na = array(
$komunikat,
$_SERVER['REQUEST_URI'],
$_POST['nick'],
$_POST['mail'],
$_POST['temat'],
$_POST['tresc']
);
 
$formularz = str_replace ( $do_zmiany, $zmien_na, $formularz);
 
return $formularz;	
}
 
 
function waliduj() {
global $komunikat;
global $valid;
 
if( $valid['nick'] > 0 ) {
if(strlen($_POST['nick']) < $valid['nick'] ){
$walidacja['nick'] = $komunikat['nick']; 
}
}
 
if( $valid['mail'] == 1 ) {
if(!filter_var($_POST['mail'],FILTER_VALIDATE_EMAIL)) {
$walidacja['mail'] = $komunikat['mail'];
}
}
 
if( $valid['temat'] > 0 ) {
if(strlen($_POST['temat']) < $valid['temat'] ){
$walidacja['temat'] = $komunikat['temat']; 
}
}
 
if( $valid['tresc'] > 0 ) {
if(strlen($_POST['tresc']) < $valid['tresc'] ){
$walidacja['tresc'] = $komunikat['tresc']; 
}
}
 
if(empty($walidacja)) {
return 'true';
}else{
return $walidacja;
}
 
}
 
// Działanie
if (($_SERVER['REQUEST_METHOD'] == 'POST')) {// wejście postem
$walidacja = waliduj();
 
if ($walidacja == 'true'){ //poprawnie wypełniony formularz
 
if(mail($adres_odbiorcy,"=?UTF-8?B?".base64_encode($_POST['temat'])."?=",'<p>Od: <b>'.$_POST['nick'].'</b></p><pre>'.$_POST['tresc'].'</pre>','From:'.$_POST['mail']."\r\nContent-Type: text/html; charset=utf-8")){ //sukces
print '
<div id="sukces">
<p>'.$komunikat['sukces'].'</p>
</div>
';	
}else{ //bląd serwera
print '	
<div id="blad">
<p>'.$komunikat['fail'].'</p>
</div>
';
print wyswietl_forme();
}
 
}else{
//błędna walidacja
$blad_walidacji = $walidacja;
 
$blad_walidacji = '
<div id="blad">
<p>'.$komunikat['blad'].'</p>
<ul>
';
foreach ($walidacja as $wpis) {
$blad_walidacji .= '<li>'.$wpis.'</li>';
}	
$blad_walidacji .= '
</ul>
</div>
';
 
print wyswietl_forme($blad_walidacji);
}	
 
}else{
// nowe wejście
print wyswietl_forme();
}
?>
[PHP] pobierz, plaintext 

ustawienia.php

[PHP] pobierz, plaintext 
<?php 
/* Ustawienia formularza kontaktowego */
 
$adres_odbiorcy = 'uslugigraficzne@gmail.com'; //tu wpisz adres e-mail na który mają przychodzić wiadomości
 
 
 
/* Ustawienia wymaganych pól */
/* Pamiętaj, żeby oznaczyć wymagane pola w formularzu - plik formularz.php */
 
$valid['nick'] = 2 ; // Nick: 0 - oznacza pole nieobowiązkowe, inna liczba minimalną ilość znaków jakie musi wpisać użytkownik
$valid['mail'] = 1 ; // e-mail: 0 - oznacza pole nieobowiązkowe, 1 - pole wymagane
$valid['temat'] = 3 ; // Temat: 0 - oznacza pole nieobowiązkowe, inna liczba minimalną ilość znaków jakie musi wpisać użytkownik
$valid['tresc'] = 5 ; // Treść: 0 - oznacza pole nieobowiązkowe, inna liczba minimalną ilość znaków jakie musi wpisać użytkownik
 
 
 
/* Komunikaty */
 
$komunikat['sukces'] = 'Dziękujemy. Twoja wiadomość została wysłana.'; //Wiadomość po udanym wysłaniu formularza
$komunikat['blad'] = 'Wiadomość <b>NIE</b> została wysłana. Popraw poniższe błędy.'; //Wiadomość przy błędzie w sprawdzaniu danych, błędy zostaną wymienione poniżej
$komunikat['nick'] = 'Nick musi mieć min. 2 znaki.'; //Wpisz właściwą ilość znaków jeśli pole wymagane
$komunikat['mail'] = 'Podaj poprawny adres e-mail.'; //Wiadomość po błędnym wpisaniu adresu e-mail
$komunikat['temat'] = 'Temat musi mieć min. 3 znaki.'; //Wpisz właściwą ilość znaków jeśli pole wymagane
$komunikat['tresc'] = 'Treść musi mieć min. 5 znaków'; //Wpisz właściwą ilość znaków jeśli pole wymagane
$komunikat['fail'] = 'Przepraszamy wystąpił chwilowy błąd. Spróbuj ponownie później'; //W przypadku nieudanego wyslania wiadomości np. błędu serwera
 
?>
[PHP] pobierz, plaintext 

[Fifi209]

Ustaw kodowanie plików na utf8 bez BOM.

[marxdesign]

otworzyłem te wszystkie pliki i zapisałem jeszcze raz wybierajac kodowanie utf8

i niestety nic się nie zmieniło


Różnicę witać już przy wypełnianiu danych formularza

http://img194.imageshack.us/img194/1586/scra0.jpg

Ten post edytował marxdesign 2.12.2010, 15:06:23

[Quadina]

A strona wyświetlana jest w jakim kodowaniu? Jeżeli używasz kodowania iso, to dane do formularza przeglądarka wpisze w ISO, później wyśle w czymś trudno nazywalnym ISO w utf8. Spróbuj pokombinować z meta i sprawdź czy pliki na pewno zapisane są w utf8.

[HTML] pobierz, plaintext 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
[HTML] pobierz, plaintext 

[BlackPig]

Problemem marxdesign był właśnie brak meta tagu z kodowaniem, dodatkowo złe nagłówki w wysyłanym mailu... Wysłał do mnie w tej sprawie maila, na którego najpierw odpisałem kodem gotowej funkcji:

[PHP] pobierz, plaintext 
function sendmail($adres,$tresc,$temat){           
            $to      = $adres;
            $subject = $temat;
            $message = $tresc;
            $naglowki="MIME-Version: 1.0\r\n";
            $naglowki.="Content-type: text/html; charset=utf-8\r\n";
            $naglowki.="From: no-reply@twojadomena.pl<no-reply@twojadomena.pl>\r\n";
 
            mail($to, $subject, $message, $naglowki);
}
[PHP] pobierz, plaintext 

Z informacją, że jeśli to nie wystarczy, to za poprawę formularza wg wytycznych proponuję 50 PLN, na co marxdesign się zdecydował (IMG:style_emoticons/default/smile.gif)
Poprawiłem problem z kodowaniem, potem marxdesign poprosił jeszcze o kilka zmian, które naniosłem, a potem marxdesign już się nie odezwał... Na GG się odezwał, ale rozmowa była krótka:

[PHP] pobierz, plaintext 
marxdesign 
12:30:22
Witam, teraz jestem. O co chodzi?
blackpig
12:40:09
Witam pisałem w sprawie formularza kontaktowego
12:40:34
bo coś przestał się Pan odzywać na mailu
[PHP] pobierz, plaintext 

i tutaj znowu cisza...
Generalnie nie mam w zwyczaju brać zaliczek, czy podpisywać umów na takie pierdoły, a zdecydowana większość ludzi jeżeli coś się dla nich zrobi na poczekaniu i jeszcze w godzinach wieczornych jest mile zaskoczona, posyła przelew i bardzo dziękuje... pozostaje te kilka procent, które ma problemy nie tylko z HTML-em na poziomie przedszkola (pomimo ukończonych studiów wyższych i oferowania usług w tym zakresie), ale również z podstawowymi zasadami cywilizowanego zachowania się wobec pozostałych istot (IMG:style_emoticons/default/winksmiley.jpg)
To pierwsze od biedy idzie jeszcze wkleić na forum i skopiować do kodu strony, ale bez tego drugiego świetlanej przyszłości w branży nie wróżę (IMG:style_emoticons/default/winksmiley.jpg)