Jak zrobic Formularz Kontaktowy na stronie ?

[raxiq]

Cześć mam raczej niewielki problem, ale i tak nie mogę sobie z nim poradzić.
Po kliknięciu wyślij wywala mi wiadomość na nowej stronie, a chciałbym, aby np w ustalonym divie przeze mnie wyskakiwała wiadomość, że mail został wysłany prawidłowo albo, że należy uzupełnić wszystkie pola + css dla tego zdarzenia. Mógłby mi ktoś pomóc ?


index.html

Kod:

<div id="formularz">
                <form method="post" action="wyslij.php" name="kontakt">
                    <div><label>Imię i nazwisko: <span class="red">*</span></label>
                    <input type="text" id="nick" name="nick"value="" /></div>
                    <div><label>Twój adres e-mail: <span class="red">*</span></label>
                    <input type="text" id="mail" name="mail" value="" /></div>
                    <div><label>Temat wiadomości: <span class="red">*</span></label>
                    <input type="text" id="temat" name="temat" value="" /></div>
                    <div><label>Treść wiadomości: <span class="red">*</span></label>
                    <textarea cols="27" rows="10" id="tresc" name="tresc"></textarea></div>
                    <div><label><span class="red">*</span> - oznacza pola wymagane.</label></div>
                    <div><input type="submit" value="Wyślij" /></div>
                </form>
            </div>

css

Kod:

a:focus {
    outline:none; /*usuwanie niebieskiej obwódki w FF*/
}

#formularz {
    margin: 0px 50px 0px 0px;
    width: 400px;
}

#formularz div {
    margin: 0;
}

#formularz label {
    display: block;
    color: #212121;
}

#formularz textarea {
    background: white;
    border: 1px solid #6D6D6D;
    color: #6D6D6D;
    width: 250px;
}

#formularz input[type=text] {
    background: white;
    padding: 5px;
    border: 1px solid #6D6D6D;
    color: #6D6D6D;
    width: 240px;
}

#blad {
    background: white;    
    border: 1px dashed #854d2d;
    margin: 20px;
    padding: 10px;
}

#blad p{
    padding: 0px;
    margin: 0px;
}

#sukces {
    background: white;    
    border: 1px dashed #854d2d;
    margin: 20px;
    padding: 10px;
}

#sukces p{
    padding: 0px;
    margin: 0px;
}

.red {
    color: #8b1f29;
}

wyslij.php

Kod:

<?php
if (!nick || !mail || !temat || !tresc)
{    
echo "Prosimy uzupełnić wszystkie rubryki.";
exit;  
}

$wiadomosc =
"Imie: ".$_POST['nick']."

e- mail: ".$_POST['mail']."

Tresc: ".$_POST['tresc']."  ";

$tematyka = "Zapytanie z cedrus-meble.pl - ".$temat;


mail ("[email protected]", $tematyka, $wiadomosc );
echo "Dziekujemy za wysłanie do nas wiadomości,";
echo "<ul>o treści: <ul />";
echo "Twoje imię: <strong>".$nick."</strong><ul />";
echo "Temat: <strong>".$temat."</strong><ul />";
echo "Twój adres e-mail: <strong>".$mail."</strong><ul />";
echo "Treść: <strong>".$tresc."</strong><ul />";
?>