|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
[css][html] nie wiem jak zrobić formularz :(
|
Liczba postów: 3
Liczba wątków: 1
Dołączył: 05-12-2010
Reputacja:
0
Witam potrzebuje zrobić następujący formularz http://www.kontext.com.pl/Kontext%20formularz%20zwrotu.pdf
tylko nie bardzo wiem jak.Robie coś ale nic mi nie wychodzi.
Kod: <html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" />
<meta name="Description" content="[ Opis dokumentu ]" />
<meta name="Author" content="[ Autor dokumentu ]" />
<meta name="Generator" content="EdHTML" />
<title>[ Tytul dokumentu ]</title>
</head>
<body>
<style type="text/css">
</style>
<div style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; FLOAT: left; BORDER-LEFT: blue 1px solid; WIDTH: 230px; COLOR: rgb(255,0,0); BORDER-BOTTOM: blue 1px solid; HEIGHT: 800px; BACKGROUND-COLOR: #ffffff"></div>
<div style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; FLOAT: left; BORDER-LEFT: black 2px solid; WIDTH: 250px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 2px solid; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff"><center>tu proszę przypiąć paragon/kopię Faktury VAT<center></div>
<div style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; FLOAT: left; BORDER-LEFT: black 2px solid; WIDTH: 30px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 2px solid; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff"></div>
<div style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; FLOAT: right; BORDER-LEFT: blue 1px solid; WIDTH: 230px; COLOR: rgb(255,0,0); BORDER-BOTTOM: blue 1px solid; HEIGHT: 800px; BACKGROUND-COLOR: #ffffff"></div>
<img src="logo2.JPG" alt width="200" height="80" \>
<div style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; FLOAT: right; BORDER-LEFT: black 2px solid; WIDTH: 330px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 2px solid; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff"> <div style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FLOAT: left; BORDER-LEFT: black 1px solid; WIDTH: 120px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff"></div>
<div style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; FLOAT: right; BORDER-LEFT: blue 1px solid; WIDTH: 200px; COLOR: rgb(0,0,0); BORDER-BOTTOM: blue 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff">Data . . . . . . . . . . . . . . . . . . . .</div> <br>ZUH Kontext s.c. Izabela Zawistowska, Konrad Zawistowski
ul. Witosa 25 lok. 35, 15-660 Białystok <br></div>
<h1 align="center"><b>FORMULARZ ZWROTU TOWARU</b></h1>
<h1><font size="2">Formularz zwrotu prosimy wypełnic pismem drukowanym i dołaczyc do przesyłki ze zwracanym towarem. Zwrot towaru jest moliwy jedynie w terminie 10 dni od daty otrzymania przesyłki.
Dotyczy jedynie osób fizycznych. Wypełnienie formularza przyspieszy procedure zwrotu. Przesyłka do sprzedawcy wysyłana jest na koszt klienta. Jeeli zwracany przedmiot okae sie nie spełniac
wymogów zwrotu dodatkowo zostanie naliczona opłata zwrotu przesyłki w celu odesłania jej ponownie do klienta.. Przesyłki wysłane za pobraniem nie beda odbierane. Przesyłki anonimowe, i/lub
nieopisane, bez załaczonego formularza równie nie beda rozpatrywane. Uszkodzenia mechaniczne wynikłe z winy uytkownika nie beda rozpatrywane</font>
<h1>
<div style="border: 1px solid black; background-color: #ffffff; color: rgb(0,0,0); width: 37px; height: 50px; float: left;"></div>
<div style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FLOAT: left; BORDER-LEFT: black 1px solid; WIDTH: 200px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 1px solid; HEIGHT: 50px; BACKGROUND-COLOR: #ffffff"><center><b><font size="3">FORMULARZ RMA</font><b><center><font size="2">Prosimy wypełnić czytelnie drukowanymi literami</font></div>
<div style="border: 1px solid black; background-color: #ffffff; color: rgb(0,0,0); width: 50px; height: 50px; float: left;"></div>
<div style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FLOAT: left; BORDER-LEFT: black 1px solid; WIDTH: 350px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 1px solid; HEIGHT: 50px; BACKGROUND-COLOR: #ffffff"><center><b><font size="3">OPIS</font><b><center><font size="2">W polu opis proszę wpisać "ZWROT"</font></div>
<div style="border: 1px solid black; background-color: #ffffff; color: rgb(0,0,0); width: 50px; height: 50px; float: left;"></div>
<div style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FLOAT: left; BORDER-LEFT: black 1px solid; WIDTH: 200px; COLOR: rgb(0,0,0); BORDER-BOTTOM: black 1px solid; HEIGHT: 50px; BACKGROUND-COLOR: #ffffff"><center><b><font size="3">KLASYFIKACJA</font><b><center </div></center></b><font size="2">Nadaje sprzedawca</b></center></div>
<div align="justify">Dowód zakupu: paragon / Faktura VAT (niepotrzebne skreslic)</div>
</body>
</html>
Proszę o pomoc
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja:
15
To chcesz taki formularz zrobić w formacie PDF, czy chcesz formularz na stronie?
Liczba postów: 3
Liczba wątków: 1
Dołączył: 05-12-2010
Reputacja:
0
Potrzebuje go w na stronie w html. POMOCY
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja:
15
http://www.webmastertalk.pl/jak-zrobic-formularz-kontaktowy-na-stronie-t-260.html
http://www.webmastertalk.pl/jak-zabezpieczyc-formularz-kontaktowy-przed-spam-t-5386.html
Liczba postów: 42
Liczba wątków: 2
Dołączył: 13-10-2010
Reputacja:
1
(05-12-2010, 16:00)bartek55559 napisał(a): Potrzebuje go w na stronie w html. POMOCY
No to po co się bawisz w to co piszesz wyżej?
Czy ten formularz ma być wysyłany? Przez maila (z programu pocztowego) czy ze strony? Bo to też ważne :-)
Napisz co i jak to zrobimy jakiś "szablon", który sam sobie rozbudujesz.
Liczba postów: 3
Liczba wątków: 1
Dołączył: 05-12-2010
Reputacja:
0
On ma być wysyłany ze strony tak aby wyświetlał się juz wypełniony.Prosił bym o ten szablon w tej formie co tam jest A4 i z tymi marginesami bo mi to nic nie wychodzi.Z góry wielkie dzięki !!!
Liczba postów: 42
Liczba wątków: 2
Dołączył: 13-10-2010
Reputacja:
1
06-12-2010, 20:18
(Ten post był ostatnio modyfikowany: 06-12-2010, 20:20 przez rel.)
(06-12-2010, 12:42)bartek55559 napisał(a): On ma być wysyłany ze strony tak aby wyświetlał się juz wypełniony.Prosił bym o ten szablon w tej formie co tam jest A4 i z tymi marginesami bo mi to nic nie wychodzi.Z góry wielkie dzięki !!!
Przerób sobie na własne potrzeby np to co masz poniżej...możesz go przy średniej znajomości htmla przerobić na każde potrzeby. Z tego co widzę ty masz potrzebne wiadomości.
Kod: <?php
if (count($_POST))
{
//////////USTAWIENIA//////////
$email='tutaj wpisać adres email, naktóry ma być wysyłany formularz'; //Adres e-mail adresata
$subject='Formularz zamówienia'; //temat listu
$message='Dziękujemy za wysłanie formularza'; ///komunikat dla wysylajacego
$error='Wystąpił błąd podczas wysyłania formularza - spróbuj ponownie'; ///komunikat bledu
$charset='iso-8859-2'; ///strona kodowa
////////////////////////////
$head=
"MIME-Version: 1.0\r\n".
"Content-Type: text/plain; charset=$charset\r\n".
"Content-Transfer-Encoding: 8bit";
$body='';
foreach ($_POST as $name=>$value)
{
if (is_array($value))
{
for ($i=0; $i<count($value); $i++)
{ $body .="$name" . (get_magic_quotes_gpc()?
stripslashes($value[$i]) : $value[$i]) . "r\n";
}
}
else $body .="$name=" . (get_magic_quotes_gpc()?
stripslashes($value) : $value) . "r\n"
}
echo mail ($email, "=?$charset?B?") . base_64_encode($subject) . "?=",
$body, $head) ? $message : $error;
}
else
{
?>
<form action="?" method="post">
<div class="divhead1">Dane korespondencyjne:</div>
<div class="divform"><label class="norm">Imię:</label> <input class="norm" name="imie" type="text" value="" /></div>
<div class="divform"><label class="norm">Nazwisko:</label> <input class="norm" name="nazwisko" type="text" value="" /></div>
<div class="divform"><label class="norm">Ulica:</label> <input class="norm" name="ulica" type="text" value="" /></div>
<div class="divform"><label class="norm">Kod pocztowy:</label> <input id="kod" maxlength="6" name="kod_pocztowy" type="text" value="" id="kod" onchange="var ok_kod=document.getElementById('ok_kod').style; var no_kod=document.getElementById('no_kod').style; if (postal_code_validate(document.getElementById('kod').value) ) { ok_kod.display='block'; no_kod.display='none'; } else if(document.getElementById('kod').value==''){ no_kod.display='none'; ok_kod.display='none'; } else { no_kod.display='block'; ok_kod.display='none'; }" />
<div id="ok_kod" style="display: none"><img src="ok.png" alt="ok" /></div>
<div id="no_kod" style="display: none"><img src="no.png" alt="no" /> Nie poprawny kod pocztowy!</div>
</div>
<div class="divform"><label class="norm">Miejscowość:</label> <input class="norm" name="miejscowosc" type="text" value="" /></div>
<div class="divform"><label class="norm">Telefon:</label> <input class="norm" name="telefon" type="text" value="" id="tel" onchange="var ok_tel=document.getElementById('ok_tel').style; var no_tel=document.getElementById('no_tel').style; if (integer_validate(document.getElementById('tel').value) ) { ok_tel.display='block'; no_tel.display='none'; } else if(document.getElementById('tel').value==''){ no_tel.display='none'; ok_tel.display='none'; } else { no_tel.display='block'; ok_tel.display='none'; }">
<div id="ok_tel" style="display: none"><img src="ok.png" alt="ok" /></div>
<div id="no_tel" style="display: none"><img src="no.png" alt="no" /> Nie poprawny numer telefonu!</div>
</div>
<div class="divform"><label class="norm">Adres e-mail:</label> <input class="norm" name="e_mail" type="text" value="" id="email" onchange="var ok_mail=document.getElementById('ok_mail').style; var no_mail=document.getElementById('no_mail').style; if (email_validate(document.getElementById('email').value) ) { ok_mail.display='block'; no_mail.display='none'; } else if(document.getElementById('email').value==''){ no_mail.display='none'; ok_mail.display='none'; } else { no_mail.display='block'; ok_mail.display='none'; }" />
<div id="ok_mail" style="display: none"><img src="ok.png" alt="ok" /></div>
<div id="no_mail" style="display: none"><img src="no.png" alt="no" /> Nie poprawny adres e-mail!</div>
</div>
<div class="divform"><label class="norm">Powtórz adres e-mail:</label> <input class="norm" name="e_mail_2" type="text" value="" id="email_2" onchange="var ok_mail_2=document.getElementById('ok_mail_2').style; var no_mail_2=document.getElementById('no_mail_2').style; if (document.getElementById('email_2').value == document.getElementById('email').value ) { ok_mail_2.display='block'; no_mail_2.display='none'; } else if(document.getElementById('email_2').value==''){ no_mail_2.display='none'; ok_mail_2.display='none'; } else { no_mail_2.display='block'; ok_mail_2.display='none'; }" />
<div id="ok_mail_2" style="display: none"><img src="ok.png" alt="ok" /></div>
<div id="no_mail_2" style="display: none"><img src="no.png" alt="no" /> Źle powtórzony adres e-mial!</div>
</div>
<div class="divform"><label class="norm">Forma wysyłki:</label>
<select name="forma_wysylki" class="normal">
<option value="Przesyłka kurierska" >Przesyłka kurierska</option>
<option value="Odbiór osobisty" >Odbiór osobisty</option>
<option value="Przesyłka pocztowa" >Przesyłka pocztowa</option>
</select>
</div>
<div class="divform"><label class="norm">Forma płatności:</label>
<select name="forma_platnosci" class="normal" >
<option value="Płatność przy odbiorze">Płatność przy odbiorze</option>
<option value="Płatność przelewem" >Płatność przelewem</option>
</select>
</div>
<div class="divform"><input type="checkbox" name="fvat" value="tak" onclick="document.getElementById('dane_do_fvat').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa_firmy'].disabled = this.form.elements['ulica_firmy'].disabled = this.form.elements['kod_pocztowy_firmy'].disabled = this.form.elements['miejscowosc_firmy'].disabled = this.form.elements['nip'].disabled = !this.checked" /> Faktura VAT (zaznacz jeśli chcesz otrzymać fakturę):</div>
<div id="dane_do_fvat" style="display: none">
<div class="divform"><label class="norm">Nazwa firmy:</label> <input class="norm" name="nazwa_firmy" type="text" value="" disabled="disabled" /></div>
<div class="divform"><label class="norm">Ulica:</label> <input class="norm" name="ulica_firmy" type="text" value="" disabled="disabled" /></div>
<div class="divform"><label class="norm">Kod pocztowy:</label> <input class="norm" maxlength="6" name="kod_pocztowy_firmy" type="text" value="" disabled="disabled" id="kod_2" onchange="var ok_kod_2=document.getElementById('ok_kod_2').style; var no_kod_2=document.getElementById('no_kod_2').style; if (postal_code_validate(document.getElementById('kod_2').value) ) { ok_kod_2.display='block'; no_kod_2.display='none'; } else if(document.getElementById('kod_2').value==''){ no_kod_2.display='none'; ok_kod_2.display='none'; } else { no_kod_2.display='block'; ok_kod_2.display='none'; }" />
<div id="ok_kod_2" style="display: none"><img src="ok.png" alt="ok" /></div>
<div id="no_kod_2" style="display: none"><img src="no.png" alt="no" /> Nie poprawny kod pocztowy!</div>
</div>
<div class="divform"><label class="norm">Miejscowość:</label> <input class="norm" name="miejscowosc_firmy" type="text" value="" disabled="disabled" /></div>
<div class="divform"><label class="norm">NIP:</label> <input class="norm" maxlength="10" name="nip" type="text" value="" disabled="disabled" id="nip" onchange="var ok_nip=document.getElementById('ok_nip').style; var no_nip=document.getElementById('no_nip').style; if (integer_validate(document.getElementById('nip').value) ) { ok_nip.display='block'; no_nip.display='none'; } else if(document.getElementById('nip').value==''){ no_nip.display='none'; ok_nip.display='none'; } else { no_nip.display='block'; ok_nip.display='none'; }">
<div id="ok_nip" style="display: none"><img src="ok.png" alt="ok" /></div>
<div id="no_nip" style="display: none"><img src="no.png" alt="no" /> Nie poprawny NIP!</div>
</div>
</div>
<div class="divhead">Wygląd strony zewnętrznej:</div>
<div class="divform"><label class="norm">1. Tekst i/lub grafika:</label> <input class="norm" name="tekst_i_lub_grafika" type="text" value="" /></div>
<div class="divform"><label class="norm">2. Nr czcionki:</label>
<select name="nr_czcionki" onchange="var s=document.getElementById('nr_czcionki').style; if(this.value == 25 || this.value==26 || this.value==27 || this.value==28 || this.value==29 || this.value==30 || this.value==31 || this.value==32 || this.value==33 || this.value==34 || this.value==35 || this.value==36 || this.value==37 || this.value==38 || this.value==39 || this.value==40 || this.value==41 || this.value==42 || this.value==43 || this.value==44 || this.value==45 || this.value==46 || this.value==47 || this.value==48 || this.value==49){ s.display='block'}else{s.display='none'};">
<option value="1">1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4">4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7">7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10">10</option>
<option value="11" >11</option>
<option value="12" >12</option>
<option value="13">13</option>
<option value="14" >14</option>
<option value="15" >15</option>
<option value="16">16</option>
<option value="17" >17</option>
<option value="18" >18</option>
<option value="19">19</option>
<option value="20" >20</option>
<option value="21" >21</option>
<option value="22">22</option>
<option value="23" >23</option>
<option value="24" >24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
</select><div id="nr_czcionki" style="display: none">Uwaga! Czcionka bez polskich znaków</div>
<label class="long">Przykładowe czcionki można zobaczyć <a target="_blank" rel="nofollow" href="../memo/images/Rozne/czcionki.m.jpg">tutaj</a></label>
</div>
<div class="divform"><label class="norm">3. Kolor czcionki:</label> <input class="norm" name="kolor_czcionki" type="text" value="" /></div>
<div class="divform"><label class="long">4. Nr ozdobnika:<br />(wstążka oplatająca zaproszenie)</label></div>
<div class="divform">
<div style="float:left;"><input type="checkbox" name="ozdobnik1" value="tak" onclick="this.form.elements['liczba_ozdobnik1'].disabled = !this.checked" />
<img src="img/3.jpg" alt="img" align="top" width="260" /> ilość
<input type="text" name="liczba_ozdobnik1" disabled="disabled" class="nr" id="ozdobnik1" onchange="var ok_ozdobnik1=document.getElementById('ok_ozdobnik1').style; var no_ozdobnik1=document.getElementById('no_ozdobnik1').style; if (integer_validate(document.getElementById('ozdobnik1').value) ) { ok_ozdobnik1.display='block'; no_ozdobnik1.display='none'; } else if(document.getElementById('ozdobnik1').value==''){ no_ozdobnik1.display='none'; ok_ozdobnik1.display='none'; } else { no_ozdobnik1.display='block'; ok_ozdobnik1.display='none'; }"></div>
<div id="ok_ozdobnik1" style="display: none; float:left;"><img src="ok.png" alt="ok" /></div>
<div id="no_ozdobnik1" style="display: none; float:left;"><img src="no.png" alt="no" /> Tylko liczby! </div>
</div>
<div class="divform">
<div style="float:left;"><input type="checkbox" name="ozdobnik2" value="tak" onclick="this.form.elements['liczba_ozdobnik2'].disabled = !this.checked" />
<img src="img/5.jpg" alt="img" align="top" width="260" /> ilość
<input type="text" name="liczba_ozdobnik2" disabled="disabled" class="nr" id="ozdobnik2" onchange="var ok_ozdobnik2=document.getElementById('ok_ozdobnik2').style; var no_ozdobnik2=document.getElementById('no_ozdobnik2').style; if (integer_validate(document.getElementById('ozdobnik2').value) ) { ok_ozdobnik2.display='block'; no_ozdobnik2.display='none'; } else if(document.getElementById('ozdobnik2').value==''){ no_ozdobnik2.display='none'; ok_ozdobnik2.display='none'; } else { no_ozdobnik2.display='block'; ok_ozdobnik2.display='none'; }"></div>
<div id="ok_ozdobnik2" style="display: none; float:left;"><img src="ok.png" alt="ok" /></div>
<div id="no_ozdobnik2" style="display: none; float:left;"><img src="no.png" alt="no" /> Tylko liczby! </div>
</div>
<div class="divform">
<div style="float:left;"><input type="checkbox" name="ozdobnik3" value="tak" onclick="this.form.elements['liczba_ozdobnik3'].disabled = !this.checked" />
<img src="img/6.jpg" alt="img" align="top" width="260" /> ilość
<input type="text" name="liczba_ozdobnik3" disabled="disabled" class="nr" id="ozdobnik3" onchange="var ok_ozdobnik3=document.getElementById('ok_ozdobnik3').style; var no_ozdobnik3=document.getElementById('no_ozdobnik3').style; if (integer_validate(document.getElementById('ozdobnik3').value) ) { ok_ozdobnik3.display='block'; no_ozdobnik3.display='none'; } else if(document.getElementById('ozdobnik3').value==''){ no_ozdobnik3.display='none'; ok_ozdobnik3.display='none'; } else { no_ozdobnik3.display='block'; ok_ozdobnik3.display='none'; }"></div>
<div id="ok_ozdobnik3" style="display: none; float:left;"><img src="ok.png" alt="ok" /></div>
<div id="no_ozdobnik3" style="display: none; float:left;"><img src="no.png" alt="no" /> Tylko liczby! </div>
</div>
<div class="divform"><label class="long">5. Kolor papieru:<br />(w nawiasie podana gramatura papieru)</label></div>
<div class="divform">
<div class="left">
<img src="img/pp2.jpg" alt="img" align="top" height="190" hspace="5" /> <br />
<div class="divform"> <div style="float:left; "><select name="papier_1" class="norm">
<option value="Wybierz papier">Wybierz papier</option>
<option value="marmurek żółty (200g)" >1 - marmurek żółty (200g)</option>
<option value="marmurek biały (200g)" >2 - marmurek biały (200g)</option>
<option value="marmurek kremowy (200g)">3 - marmurek kremowy (200g)</option>
</select>ilość <input type="text" name="liczba_a" class="nr" id="liczba_a" onchange="var ok_liczba_a=document.getElementById('ok_liczba_a').style; var no_liczba_a=document.getElementById('no_liczba_a').style; if (integer_validate(document.getElementById('liczba_a').value) ) { ok_liczba_a.display='block'; no_liczba_a.display='none'; } else if(document.getElementById('liczba_a').value==''){ no_liczba_a.display='none'; ok_liczba_a.display='none'; } else { no_liczba_a.display='block'; ok_liczba_a.display='none'; }"></div>
<div id="ok_liczba_a" style="float:left; display: none; "><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_a" style="float:left; display: none; "><img src="no.png" alt="no" /> Tylko liczby! </div></div>
<div class="divform"> <div style="float:left; "><select name="papier_2" class="norm">
<option value="Wybierz papier">Wybierz papier</option>
<option value="marmurek żółty (200g)" >1 - marmurek żółty (200g)</option>
<option value="marmurek biały (200g)" >2 - marmurek biały (200g)</option>
<option value="marmurek kremowy (200g)">3 - marmurek kremowy (200g)</option>
</select>ilość <input type="text" name="liczba_b" class="nr" id="liczba_b" onchange="var ok_liczba_b=document.getElementById('ok_liczba_b').style; var no_liczba_b=document.getElementById('no_liczba_b').style; if (integer_validate(document.getElementById('liczba_b').value) ) { ok_liczba_b.display='block'; no_liczba_b.display='none'; } else if(document.getElementById('liczba_b').value==''){ no_liczba_b.display='none'; ok_liczba_b.display='none'; } else { no_liczba_b.display='block'; ok_liczba_b.display='none'; }"></div>
<div id="ok_liczba_b" style="float:left; display: none; "><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_b" style="float:left; display: none; "><img src="no.png" alt="no" /> Tylko liczby! </div></div>
<div class="divform"> <div style="float:left; "><select name="papier_3" class="norm">
<option value="Wybierz papier">Wybierz papier</option>
<option value="1 - marmurek żółty (200g)" >1 - marmurek żółty (200g)</option>
<option value="2 - marmurek biały (200g)" >2 - marmurek biały (200g)</option>
<option value="3 - marmurek kremowy (200g)">3 - marmurek kremowy (200g)</option>
</select>ilość <input type="text" name="liczba_c" class="nr" id="liczba_c" onchange="var ok_liczba_c=document.getElementById('ok_liczba_c').style; var no_liczba_c=document.getElementById('no_liczba_c').style; if (integer_validate(document.getElementById('liczba_c').value) ) { ok_liczba_c.display='block'; no_liczba_c.display='none'; } else if(document.getElementById('liczba_c').value==''){ no_liczba_c.display='none'; ok_liczba_c.display='none'; } else { no_liczba_c.display='block'; ok_liczba_c.display='none'; }"></div>
<div id="ok_liczba_c" style="float:left; display: none; "><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_c" style="float:left; display: none; "><img src="no.png" alt="no" /> Tylko liczby! </div> </div>
</div>
<div class="right">
<img src="img/pp.jpg" alt="img" align="top" height="190" /> <br />
<div class="divform"> <div style="float:left; "><select name="papier_4" class="norm">
<option value="Wybierz papier">Wybierz papier</option>
<option value="1 - perłowy ecru (130g)" >1 - perłowy ecru (130g)</option>
<option value="2 - perłowy biały (130g)" >2 - perłowy biały (130g)</option>
</select>ilość <input type="text" name="liczba_d" class="nr" id="liczba_d" onchange="var ok_liczba_d=document.getElementById('ok_liczba_d').style; var no_liczba_d=document.getElementById('no_liczba_d').style; if (integer_validate(document.getElementById('liczba_d').value) ) { ok_liczba_d.display='block'; no_liczba_d.display='none'; } else if(document.getElementById('liczba_d').value==''){ no_liczba_d.display='none'; ok_liczba_d.display='none'; } else { no_liczba_d.display='block'; ok_liczba_d.display='none'; }"></div>
<div id="ok_liczba_d" style="float:left; display: none; "><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_d" style="float:left; display: none; "><img src="no.png" alt="no" /> Tylko liczby! </div></div>
<div class="divform"> <div style="float:left; "><select name="papier_5" class="norm">
<option value="Wybierz papier">Wybierz papier</option>
<option value="1 - perłowy ecru (130g)" >1 - perłowy ecru (130g)</option>
<option value="2 - perłowy biały (130g)" >2 - perłowy biały (130g)</option>
</select>ilość <input type="text" name="liczba_e" class="nr" id="liczba_e" onchange="var ok_liczba_e=document.getElementById('ok_liczba_e').style; var no_liczba_e=document.getElementById('no_liczba_e').style; if (integer_validate(document.getElementById('liczba_e').value) ) { ok_liczba_e.display='block'; no_liczba_e.display='none'; } else if(document.getElementById('liczba_e').value==''){ no_liczba_e.display='none'; ok_liczba_e.display='none'; } else { no_liczba_e.display='block'; ok_liczba_e.display='none'; }"></div>
<div id="ok_liczba_e" style="float:left; display: none; "><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_e" style="float:left; display: none; "><img src="no.png" alt="no" /> Tylko liczby! </div></div>
</div>
</div>
<div class="divform"><label class="long">Strona zewnętrzna - uwagi</label><textarea name="strona_zewnetrzna_uwagi" class="norm">Tutaj wpisz uwagi dotyczące wyglądu strony zewnętrznej Twoich zaproszeń.</textarea></div>
<div class="divhead">Wygląd strony wewnętrznej:</div>
<div class="divform"><label class="normal">1. Nr wzoru (ozdoby w rogach kartki):</label>
<select name="nr_wzoru">
<option value="1">1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4">4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7">7</option>
<option value="8" >8</option>
<option value="9" >9</option>
</select>
<label class="long">Wzory ozdób w rogach kartki można zobaczyć pod <a target="_blank" rel="nofollow" href="wzory.html">tym</a> adresem</label>
</div>
<div class="divform"><label class="long">2. Treść zaproszenia</label><textarea name="tresc_zaproszenia" class="normal">Tutaj wpisz własną treść zaproszenia. Proszę pisać z polskimi znakami i nie używać tylko dużych liter.</textarea></div>
<div class="divform">Pod <a target="_blank" rel="nofollow" href="teksty_slubne.html">tym adresem</a> znajdziesz ponad 30 przykładowych tekstów,
a pod <a target="_blank" rel="nofollow" href="wierszyki.html">tym</a> przykładowe wierszyki na zaproszenia. </div>
<div class="divform">Jeżeli tekst ma być taki sam lub podobny jak na przykładowych wzorach proszę wskazać numer wzoru a w nawiasie podać dane i ewentualne zmiany.</div>
<div class="divform"><p class="border"><span class="italic">Np. Tekst wg wzoru nr 3<br />(Anna Nowak, Jan Kowalski,<br />
22 maja 2010r. o godz. 16.00<br />
w kościele św. Jana Chrzciciela w Łodzi<br />
przyjęcie w Domu Weselnym „Gościniec” w Łodzi.<br />
Potwierdzenie przybycia do dnia 1.05.2010r.<br />
Anna 123-456-789<br />
Jan 123-456-789<br /><br />
Proszę dodać na górze wierszyk<br />
”Maleńka obrączka,<br />
a znaczy tak wiele,<br />
na całe życie<br />
włożona w Kościele.”<br /><br /></span>
<span class="underline">Proszę pisać z polskimi znakami i nie używać<br />
tylko dużych liter.<br /></span>
</p></div>
<div class="divform"><label class="norm">3. Nr czcionki:</label>
<select name="nr_czcionki_2">
<option value="1">1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4">4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7">7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20" >20</option>
<option value="21" >21</option>
<option value="22" >22</option>
<option value="23" >23</option>
<option value="24" >24</option>
</select>
<label class="long">Czcionki można zobaczyć pod <a target="_blank" rel="nofollow" href="../memo/images/Rozne/czcionki.m.jpg">tym</a> adresem</label>
</div>
<div class="divform"><label class="long">4. Kolor czcionki, którym są napisane imiona i nazwiska pary młodej i/lub gości weselnych:</label> <input class="norm" name="kolor_czcionki_2" type="text" value="" /></div>
<div class="divform"><label class="long">5. Personalizacja zaproszenia:</div>
<div class="divform"><input type="radio" name="personalizacja_zaproszenia" value="nie" onclick="document.getElementById('wyslij_pliki').style.display = this.checked ? 'none' : 'block'; this.form.elements['liczba_zaproszen_wykropkowanych'].disabled = !this.checked; this.form.elements['liczba_zaproszen_spersonalizowanych'].disabled = this.checked" /> Nie (w zaproszeniu pole na wpisanie gości będzie wykropkowane Sz. P. ………….)</div>
<div class="divform"><input type="radio" name="personalizacja_zaproszenia" value="tak" onclick="document.getElementById('wyslij_pliki').style.display = this.checked ? 'block' : 'none'; this.form.elements['liczba_zaproszen_spersonalizowanych'].disabled = !this.checked; this.form.elements['liczba_zaproszen_wykropkowanych'].disabled = !this.checked;" /> Tak</div>
<div id="wyslij_pliki" style="display: none">
<div class="divform" >Załącz listę gości: </div>
<div class="divform" >
<div id="pliki">
<input type="file" name="pliki[]" class="upload" />
<input type="file" name="pliki[]" class="upload" / >
</div>
<div>
<input type="button" value="Załącz kolejny plik" onclick="dodaj_element('pliki');" />
</div>
</div>
</div>
<div class="divform">
<div style="float:left;"><label class="normal">Liczba zaproszeń spersonalizowanych:</label>
<input type="text" name="liczba_zaproszen_spersonalizowanych" disabled="disabled" class="nr" id="liczba_zaproszen_spersonalizowanych" onchange="var ok_liczba_zaproszen_spersonalizowanych=document.getElementById('ok_liczba_zaproszen_spersonalizowanych').style; var no_liczba_zaproszen_spersonalizowanych=document.getElementById('no_liczba_zaproszen_spersonalizowanych').style; if (integer_validate(document.getElementById('liczba_zaproszen_spersonalizowanych').value) ) { ok_liczba_zaproszen_spersonalizowanych.display='block'; no_liczba_zaproszen_spersonalizowanych.display='none'; } else if(document.getElementById('liczba_zaproszen_spersonalizowanych').value==''){ no_liczba_zaproszen_spersonalizowanych.display='none'; ok_liczba_zaproszen_spersonalizowanych.display='none'; } else { no_liczba_zaproszen_spersonalizowanych.display='block'; ok_liczba_zaproszen_spersonalizowanych.display='none'; }"></div>
<div id="ok_liczba_zaproszen_spersonalizowanych" style="display: none; float:left;"><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_zaproszen_spersonalizowanych" style="display: none; float:left;"><img src="no.png" alt="no" /> Tylko liczby! </div>
</div>
<div class="divform">
<div style="float:left;"><label class="normal">Liczba zaproszeń wykropkowanych:</label>
<input type="text" name="liczba_zaproszen_wykropkowanych" disabled="disabled" class="nr" id="liczba_zaproszen_wykropkowanych" onchange="var ok_liczba_zaproszen_wykropkowanych=document.getElementById('ok_liczba_zaproszen_wykropkowanych').style; var no_liczba_zaproszen_wykropkowanych=document.getElementById('no_liczba_zaproszen_wykropkowanych').style; if (integer_validate(document.getElementById('liczba_zaproszen_wykropkowanych').value) ) { ok_liczba_zaproszen_wykropkowanych.display='block'; no_liczba_zaproszen_wykropkowanych.display='none'; } else if(document.getElementById('liczba_zaproszen_wykropkowanych').value==''){ no_liczba_zaproszen_wykropkowanych.display='none'; ok_liczba_zaproszen_wykropkowanych.display='none'; } else { no_liczba_zaproszen_wykropkowanych.display='block'; ok_liczba_zaproszen_wykropkowanych.display='none'; }"></div>
<div id="ok_liczba_zaproszen_wykropkowanych" style="display: none; float:left;"><img src="ok.png" alt="ok" /></div>
<div id="no_liczba_zaproszen_wykropkowanych" style="display: none; float:left;"><img src="no.png" alt="no" /> Tylko liczby! </div>
</div>
<div class="divform">
<p class="info">Proszę o przesłanie listy w takiej formie w jakiej goście mają być umieszczeni w zaproszeniu np. <br />Sz. P. Jana Kowalskiego z osobą towarzyszącą;<br /> Ks. Andrzeja Nowaka</p>
</div>
<div class="divform">
<p class="info">UWAGA! Goście nie mogą być wpisani tylko dużymi literami np. ANNĘ NOWAK</p>
</div>
<div class="divform"><label class="long">Strona wewnętrzna - uwagi</label><textarea name="strona_wewnetrzna_uwagi" class="norm">UWAGI</textarea></div>
<div class="divform">
<p class="info">Jeśli chcą Państwo zamówić kolejny, inny wzór zaproszeń proszę ponownie wypełnić formularz.</p>
</div>
<div class="divform">
<input type="submit" value="Wyślij" /><input type="reset" value="Wyczyść">
</div>
</label>
</fieldset>
</form>
<?php
}
?>
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
Kursy (x)HTML/CSS |
DoGeR |
9 |
23,694 |
18-01-2017, 21:55
Ostatni post: Michael
|
|
HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność |
jokerblitzz |
10 |
10,229 |
28-04-2016, 00:24
Ostatni post: mubi
|
| |
[CSS]+[HTML] Pozycjonowanie slidera. |
Youras |
2 |
4,751 |
16-01-2016, 23:11
Ostatni post: Szymon Słowik
|
| |
Kolor tła dla aktywnej podstron [CSS i HTML] |
bahafo |
5 |
7,792 |
27-12-2014, 15:25
Ostatni post: Kartofelek
|
| |
[Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. |
MatixYo |
5 |
6,039 |
08-10-2014, 18:08
Ostatni post: Peter
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
|
Sponsorzy i przyjaciele
|
|
|
