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

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


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

  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. die();
  44. }
  45. ?>
  46. </td></tr></table><br /><br />
  47. <form method="post" action="./jeden.html">
  48. <button type="submit">Wróć do formularza</button>
  49. </form>
  50. </body>
  51. </html>


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