Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript][PHP]Stopka email - formularz/generator - pomoc w dokończeniu, Pomoc w generatorze stopki email
sapit
post 19.07.2017, 10:26:51
Post #1





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 19.07.2017

Ostrzeżenie: (0%)
-----

Witam, Jestem tutaj nowy i pierwszy raz w życiu. Otrzymałem prośbę aby pomóc w napisaniu generatora stopki email w formie formularza. Więc na samym poczatku może pokąze co udało mi się zrobić a co mi nie działa i może ktoś z Państwa postara mi się pomóc dokończyć dzieło smile.gif A przy okazji ja się czegoś może dodatkowo nauczę smile.gif

1. Jest to pierwszy plik w HTML-u , nazwa pliku (jeden.html)- formularz dla użytkownika 

[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4. 	<title>Generator podpisu</title>
  5. 	<style>
  6. 		body {text-align:center;margin:0px;}
  7. 		td.label {text-align:right;padding-right:10px;}
  8. 		td.value {text-align:left;}
  9. 		td {padding-bottom:10px;}
  10. 		table {margin:auto;padding-bottom:10px;}
  11. 		input[type='text'] {width:250px;}
  12. 		form {display:inline;}
  13. 	</style>
  14.  </head>
  15.  <body>
  16. <h3>Witaj w generatorze podpisu e-mail</h3>
  17.  <form method='REQUEST' action='dwa.php'>
  18.  <table>
  19. 	<tr><td class='label'>Wiersz pozdrowienia:</td>
  20. 	<td class='value'><input type='text' name='pozdrowienia' autocomplete="on" placeholder="np. Z poważaniem" required /></td></tr>
  21. 	<tr><td class='label'>Imię i Nazwisko:</td>
  22. 	<td class='value'><input type='text' name='imieinazwisko' autocomplete="on" placeholder="np. Jan Kowalski" required /></td></tr>
  23. 	<tr><td class='label'>Stanowisko:</td>
  24. 	<td class='value'><input type='text' name='stanowisko' autocomplete="on" placeholder="np. Księgowa" /></td></tr>
  25. 	<tr><td class='label'>Dział:</td>
  26. 	<td class='value'><input type='text' name='dzial' autocomplete="on" placeholder="np. Kadry" required /></td></tr>
  27. 	<tr><td class='label'>E-mail:</td>
  28. 	<td class='value'><input type='text' name='email' autocomplete="on" placeholder="np. j.kowalski@domena.pl" required /></td></tr>
  29. 	<tr><td class='label'>Facebook 2<br>(opcjonalnie):</td>
  30. 	<td class='value'><input type="checkbox" name="fb" value="" onclick="document.getElementById('identyfikatorfb').style.display = this.checked ? 'block' : 'none'; this.form.elements['fb'].disabled = !this.checked" /><br><div id='identyfikatorfb' style='display: none' ><input type='text' name="fb" autocomplete="on" placeholder="np. www.facebook.com" /></div></td></tr>
  31. 	<tr><td class='label'>Telefon stacjonarny:</td>
  32. 	<td class='value'><input type='text' name='tel' autocomplete="on" placeholder="np. 3009 299" required /></td></tr>
  33. 	<tr><td class='label'>Telefon komórkowy<br>(opcjonalnie):</td>
  34. 	<td class='value'><input type="checkbox" name="mob" value="" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['mob'].disabled = !this.checked" /><br><div id='identyfikator' style='display: none' ><input type='text' name="mob" autocomplete="on" placeholder="np. 111-111-111" /></div></td></tr>
  35. 	<tr><td class='label'>Pokój:</td>
  36. 	<td class='value'><input type='text' name='p' autocomplete="on" placeholder="np. S9" required /></td></tr>
  37. 	<tr><td class='label'>Budynek:</td>
  38. 	<td class='value'>
  39. 	<select name='b'>
  40.   <option value="cz">Czerwony Budynek</option>
  41.   <option value="z">Żółty Budynek</option>
  42.   <option value="h">Zielony Budynek</option>
  43.   <option value="a">Niebieski Budynek</option>
  44. </select>
  45. 	</table>
  46. 	<input type='reset' value='Wyczyść formularz' title='Czyści wszystkie pola formularza :)' />
  47.     <input name="submit" type='submit' value='Podgląd stopki' title='Generuje Stopkę'/>
  48. 	<input name="submit2" type='submit' value='Pobierz stopkę' title='Pobiera Stopkę'/>
  49.   </form><br><br>
  50.  </body>
  51. </html>
[HTML] pobierz, plaintext


2.Jest to drugi plik w PHP, nazwa pliku (dwa.php)- efekt stopki dla użytkownika

[PHP] pobierz, plaintext 
  1. <html>
  2.  <head>
  3.  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4. <br /><br /><span style='font-family:Calibri;font-size:17px;border-collapse:collapse;'><?php echo $_REQUEST['pozdrowienia']?>,</span><br /><br />
  5. 	<title>Generator podpisu</title>
  6.  </head>
  7.  <body>
  8. <table style="border: 0; width: 490px; background-color: #fff;" border="0">
  9. <tr><td style="width: 80px; height:69px;padding: 0;margin:0">
  10. <img alt="" width="100" height="143" src="./grafika/logo.png" /></td>
  11. <td style="width: 0px; background-color: #8a724a;"></td>
  12. <td style="width:352px">
  13. <p style="padding:0;margin:0 0 0 2px;font-family:Calibri;font-size:17px;font-weight:bold">&nbsp;<?php echo $_REQUEST['imieinazwisko']?></p>
  14. <p style="padding:0;margin:0 0 8px 2px;font-family:Calibri;font-size:15px;"><i>&nbsp;<?php { echo $_REQUEST['stanowisko'] = strtolower($_REQUEST ['stanowisko']); }?></i></p>
  15. <p style="padding:0;margin:0 0 0 2px;font-family:Calibri;font-size:17px;font-weight:bold">&nbsp;<?php echo strtoupper ($_REQUEST['dzial']);?></p>
  16. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;Nazwa Firmy</p>
  17. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;ul. Porzeczkowa 80/22, 80-745 Koluszki</p>
  18. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;<a href='mailto:'><?php echo $_REQUEST['email']?></a> | <a href='www.google.pl'>www.google.pl</a></p>
  19. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;<a href='https://www.facebook.com'>www.facebook.com</a></p>
  20. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;<a href='https://'><?php echo "".$_REQUEST['fb']?></a></p>
  21. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;tel.&nbsp;(+48 58)&nbsp;<?php echo $_REQUEST['tel']?>&nbsp;<?php echo "| kom: (+48)".$_REQUEST['mob']?></i></p>
  22. <p style="padding:0;margin:0 0 0px 2px;font-family:Calibri;font-size:13,5px;">&nbsp;p.&nbsp;<?php echo $_REQUEST['p']?> | <?php switch($_REQUEST['b']){
  23.    case "cz":
  24.      echo "czerwony budynek";
  25.      break;
  26. 	  case "z":
  27.      echo "żółty budynek";
  28.      break;
  29. 	 case "a":
  30.      echo "zielony budynek";
  31.      break;
  32. 	  case "h":
  33.      echo "niebieski budynek";
  34.      break;
  35.    }
  36. ?>
  37. <?php
  38. if(isset($_REQUEST['submit2']))
  39. {
  40.     header('Content-Description: File Transfer');
  41.     header('Content-type: application/html');
  42. 	header('Content-Disposition: attachment; filename="stopka.html"');
  43. 	 exit;
  44. die();
  45. }
  46. ?>
  47. </td></tr></table><br /><br />
  48. <form method="post" action="./jeden.html">
  49.     <button type="submit">Wróć do formularza</button>
  50. </form>
  51. </body>
  52. </html>
[PHP] pobierz, plaintext


3. Problemy po tym mam takie i czego nie potrafię i nie udaje mi się zrobić to:

- pola które sa obowiązkowe sa zaznaczone na czerwono (pole stanowisko nie jest obowiązkowe) i osoba która nie wpisze stanowiska po przejściu na podgląd stopki chciałbym aby nie było w tym miejscu pustego pola aby reszta podniosła się o jeden poziom do góry w tym wypadku to jest pole "Dział"
- pole dział po wpisaniu z małych liter jest tak ustawione że po kliknięciu w podgląd stopki robi na wielkie litery i dobrze i tak ma być ale problem jest wtedy kiedy osoba wpisze polskie znaki "ł, ę, ą " itd
- pole dodatkowe telefon komórkowy jak sie nie wpisze to widnieje (+48) a chciałbym zrobic tak że jak ktos nie ma telefonu komorkowego zostawia puste pole , jak ktos wpisze pole wpisuje wtedy przed komórką (+48)
- pole dodatkowe facebook 2 jest tak że jak ktos piwsze swojego dodatkowego facebooka i przejdzie na podglad stopki nie działa link tego facebooka sad.gif

Megaaaa proszę o pomoc exclamation.gif!! - za wszystkie jakieś złe wklejone kody nie takie oznaczenia na forum itd najmocniej przepraszam

P.S
Myślę ze tak na marginesie komuś taki formularz może się kiedyś też przydać smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 5.07.2025 - 18:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn