Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: kontaktowy PHP
Forum PHP.pl > Forum > PHP
frames123
7.05.2011, 10:03:20
Chodzi o to aby tak to podczepi do strony aby strona zachował swój oryginalny wygląd graficzny
oryginalna forma strony
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <title></title>
  5.   <meta charset="utf-8">
  6.   <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  7.   <link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
  8.   <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  9.   <!--[if lt IE 7]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><![endif]-->
  10.   <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
  11.  
  12. </head>
  13.  
  14. <body>
  15. <div class="top1">
  16.     <header>
  17.        <div class="main">
  18.            <h1><a href="index.html"><img alt="" src="images/na.png" class="img-indent" /></a></h1>
  19.          <form action="" id="Search">
  20.          </form>
  21.             <div class="inside">
  22.                 <nav>
  23.                     <ul class="sf-menu">
  24.                         <li><a href="index.html">home</a></li>
  25.                         <li><a href="index-1.html">zaufali nam</a>
  26.                         <li><a href="index-2.html">Druk Projekt</a></li>
  27.                         <li><a href="index-3.html">polecamy</a></li>
  28.                         <li><a href="index-4.html">portfolio</a></li>
  29.                         <li><a href="http://bl.photoprocessing.pl" onclick="this.target='_blank'">blog</a></li>
  30.                         <li><a href="index-6.html" class="current">namiary</a></li>
  31.                     </ul>
  32.               </nav>
  33.          </div>
  34.         </div>
  35.     </header>
  36. </div>
  37. <div class="bg_cont1">
  38.     <div class="bg_cont">
  39.         <section id="content">
  40.             <div class="main">
  41.                 <div class="inside">
  42.                     <div class="container_16">
  43.                         <div class="container">
  44.                             <div class="grid_5 alpha">
  45.                             	<h2></h2>
  46.                             	<div class="indent5">
  47.                                     <strong class="txt5">A także z kontaktujesz się z nami poprzez</strong><br>
  48.                                     <p class="block-contact"><span>34879888</span>GG:<br>  
  49.                                     <span>+48 667 563 326</span>Mobile: <br>               
  50.                                     <a href="#">info@photoprocessing.pl</a></p>
  51.                               </div> <!-- (C) GG Network SA - Gadu-Gadu Widget --> 
  52. <script type="text/javascript" src="http://widget.gadu-gadu.pl/getCode.php?id=6f5bdffcf4156d280ef9b08903935670c183f0c2"></script>
  53.                             </div>
  54.                             <div class="grid_11 omega">
  55.                             	<div class="suffix_1">
  56.                                     <h2>Zadaj nam pytanie</h2>
  57.                                     <form action="" id="form"><fieldset>
  58.                                        <div class="rowElem"><input type="text" value="Imię i Nazwisko:" onBlur="if(this.value=='') this.value='Imię i Nazwisko:'" onFocus="if(this.value =='Imię i Nazwisko:' ) this.value=''"  /></div>
  59.                                        <div class="rowElem"><input type="Email" value="E-mail:" onBlur="if(this.value=='') this.value='E-mail:'" onFocus="if(this.value =='E-mail:' ) this.value=''"  /></div>
  60.                                        <div class="rowElem"><input type="text" value="Temat:" onBlur="if(this.value=='') this.value='Temat:'" onFocus="if(this.value =='Temat:' ) this.value=''"  /></div>
  61.                                        <div class="rowElem2"><textarea rows="40" cols="30" onBlur="if(this.value=='') this.value='Wiadomość:'" onFocus="if(this.value =='Wiadomość:' ) this.value=''" >Wiadomość:</textarea></div>
  62.                                         <div class="container">
  63.                                            <div class="fright">
  64.                                                <a href="#" class="link-1" onClick="document.getElementById('form').reset()">usuń</a>
  65.                                                <div class="indent-2"><a href="#" class="link-1" onClick="document.getElementById('form').submit()">wyślij</a></div>
  66.                                            </div>                                                
  67.                                         </div>
  68.                                     </fieldset></form>
  69.                                 </div>
  70.                             </div>
  71.                         </div>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </section>
  76.     </div>
  77. </div>
  78. <footer>      
  79.    	<div class="main">
  80.        <div class="inside">
  81.             <div class="container">
  82.                 <div class="fright"><!--{%FOOTER_LINK}--></div>
  83.                 Š Copyright 2011 by PhotoProcessing. Wszelkie prawa zastrzeżone.                                                                                   Kopiowanie materiałów bez zgody autora zabronione!</div>        
  84.     	</div>  
  85.     </div> 
  86. </footer>
  87.  
  88. </body>
  89. </html>
[PHP] pobierz, plaintext


to co jest w szablonie formularza
Plik i nazwie ustawienia.PHP
[PHP] pobierz, plaintext 
  1. <?php 
  2. /* Ustawienia formularza kontaktowego */
  3.  
  4. $adres_odbiorcy = 'twoj@adresmail.pl'; 	//tu wpisz adres e-mail na który mają przychodzić wiadomości
  5.  
  6.  
  7.  
  8. /* Ustawienia wymaganych pól */
  9. /* Pamiętaj, żeby oznaczyć wymagane pola w formularzu - plik formularz.php */
  10.  
  11. $valid['nick'] = 2 ; 	// Nick: 0 - oznacza pole nieobowiązkowe, inna liczba minimalną ilość znaków jakie musi wpisać użytkownik
  12. $valid['mail'] = 1 ; 	// e-mail: 0 - oznacza pole nieobowiązkowe, 1 - pole wymagane
  13. $valid['temat'] = 3 ; 	// Temat: 0 - oznacza pole nieobowiązkowe, inna liczba minimalną ilość znaków jakie musi wpisać użytkownik
  14. $valid['tresc'] = 5 ; 	// Treść: 0 - oznacza pole nieobowiązkowe, inna liczba minimalną ilość znaków jakie musi wpisać użytkownik
  15.  
  16.  
  17.  
  18. /* Komunikaty */
  19.  
  20. $komunikat['sukces'] = 'Dziękujemy. Twoja wiadomość została wysłana.'; 		//Wiadomość po udanym wysłaniu formularza
  21. $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
  22. $komunikat['nick'] = 'Nick musi mieć min. 2 znaki.'; 	//Wpisz właściwą ilość znaków jeśli pole wymagane
  23. $komunikat['mail'] = 'Podaj poprawny adres e-mail.'; 	//Wiadomość po błędnym wpisaniu adresu e-mail
  24. $komunikat['temat'] = 'Temat musi mieć min. 3 znaki.'; 	//Wpisz właściwą ilość znaków jeśli pole wymagane
  25. $komunikat['tresc'] = 'Treść musi mieć min. 5 znaków'; 	//Wpisz właściwą ilość znaków jeśli pole wymagane
  26. $komunikat['fail'] = 'Przepraszamy wystąpił chwilowy błąd. Spróbuj ponownie później'; 	//W przypadku nieudanego wyslania wiadomości np. błędu serwera
  27.  
  28. ?>
[PHP] pobierz, plaintext


Kolejny plik mail.PHP
[PHP] pobierz, plaintext 
  1. <?php 
  2. /********************************************************************************
    *****/
  3. /* Licencja na użytek prywatny i komercyjny.                                         */
  4. /* Wymaga pozostawiania poniższych danych o autorze i pochodzeniu skryptu.           */
  5. /* Autor: Labsta.com Laboratorium Designu                                            */
  6. /* Skrypt pochodzi ze strony <a href="http://websta.pl" target="_blank">http://websta.pl</a> - Blog o grafice i projektowaniu stron */
  7. /* 03/02/2010                                                                        */
  8. /********************************************************************************
    *****/
  9.  
  10. include ('ustawienia.php');
  11.  
  12. ob_start();
  13.     include('formularz.php');
  14.     $formularz = ob_get_contents();
  15. ob_end_clean();
  16.  
  17.  
  18. function wyswietl_forme($komunikat='') {
  19. 	global $formularz;
  20.  
  21. 	$do_zmiany = array(
  22. 		'#komunikat#',
  23. 		'#strona#',
  24. 		'#nick#',
  25. 		'#mail#',
  26. 		'#temat#',
  27. 		'#tresc#'
  28. 	);
  29. 	$zmien_na = array(
  30. 		$komunikat,
  31. 		$_SERVER['REQUEST_URI'],
  32. 		$_POST['nick'],
  33. 		$_POST['mail'],
  34. 		$_POST['temat'],
  35. 		$_POST['tresc']
  36. 	);
  37.  
  38. 	$formularz = str_replace ( $do_zmiany, $zmien_na, $formularz);
  39.  
  40. 	return $formularz;	
  41. }
  42.  
  43.  
  44. function waliduj() {
  45. 	global $komunikat;
  46. 	global $valid;
  47.  
  48. 	if( $valid['nick'] > 0 ) {
  49. 		if(strlen($_POST['nick']) < $valid['nick'] ){
  50. 			$walidacja['nick'] = $komunikat['nick']; 
  51. 		}
  52. 	}
  53.  
  54. 	if( $valid['mail'] == 1 ) {
  55. 		if(!filter_var($_POST['mail'],FILTER_VALIDATE_EMAIL)) {
  56. 			$walidacja['mail'] =  $komunikat['mail'];
  57. 		}
  58. 	}
  59.  
  60. 	if( $valid['temat'] > 0 ) {
  61. 		if(strlen($_POST['temat']) < $valid['temat'] ){
  62. 			$walidacja['temat'] = $komunikat['temat']; 
  63. 		}
  64. 	}
  65.  
  66. 	if( $valid['tresc'] > 0 ) {
  67. 		if(strlen($_POST['tresc']) < $valid['tresc'] ){
  68. 			$walidacja['tresc'] = $komunikat['tresc']; 
  69. 		}
  70. 	}
  71.  
  72. 	if(empty($walidacja)) {
  73. 		return 'true';
  74. 	}else{
  75. 		return $walidacja;
  76. 	}
  77.  
  78. }
  79.  
  80. // Działanie
  81. if (($_SERVER['REQUEST_METHOD'] == 'POST')) {// wejście postem
  82. 		$walidacja = waliduj();
  83.  
  84. 		if ($walidacja == 'true'){ //poprawnie wypełniony formularz
  85.  
  86. 			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
  87. 				print '
  88. 					<div id="sukces">
  89. 						<p>'.$komunikat['sukces'].'</p>
  90. 					</div>
  91. 					';	
  92. 			}else{ //bląd serwera
  93. 				print '	
  94. 					<div id="blad">
  95. 						<p>'.$komunikat['fail'].'</p>
  96. 					</div>
  97. 					';
  98. 				print wyswietl_forme();
  99. 			}
  100.  
  101. 		}else{
  102. 			//błędna walidacja
  103. 			$blad_walidacji = $walidacja;
  104.  
  105. 			$blad_walidacji = '
  106. 					<div id="blad">
  107. 						<p>'.$komunikat['blad'].'</p>
  108. 						<ul>
  109. 						';
  110. 			foreach ($walidacja as $wpis) {
  111. 				$blad_walidacji .= '<li>'.$wpis.'</li>';
  112. 			}	
  113. 			$blad_walidacji .= '
  114. 						</ul>
  115. 					</div>
  116. 					';
  117.  
  118. 			print wyswietl_forme($blad_walidacji);
  119. 		}	
  120.  
  121. }else{
  122. 	// nowe wejście
  123. 	print wyswietl_forme();
  124. }
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131. ?>
[PHP] pobierz, plaintext


Kolejny plik formularz.PHP
[PHP] pobierz, plaintext 
  1. #komunikat#
  2. 	<form action="#strona#" method="post" id="formularz">
  3.  
  4. 		<div>
  5. 			<label>Nick / Imię i nazwisko: <span class="red">*</span></label>
  6. 			<input type="text" id="nick" name="nick" value="#nick#" />
  7. 		</div>
  8. 		<div>
  9. 			<label>Adres e-mail: <span class="red">*</span></label>
  10. 			<input type="text" id="mail" name="mail" value="#mail#" />
  11. 		</div>
  12. 		<div>
  13. 			<label>Temat: <span class="red">*</span></label>
  14. 			<input type="text" id="temat" name="temat" value="#temat#" />
  15. 		</div>
  16. 		<div>
  17. 			<label>Treść: <span class="red">*</span></label>
  18. 			<textarea cols="27" rows="10" id="tresc" name="tresc" >#tresc#</textarea>
  19. 		</div>
  20. 		<div>
  21. 			<span class="red">*</span> - oznacza pola wymagane.
  22. 		</div>
  23. 		<div>
  24. 			<input type="submit" value="Wyślij" />
  25. 		</div>
  26.  
  27. 	</form>
[PHP] pobierz, plaintext
blooregard
7.05.2011, 10:03:39
Cytat
Chodzi o to aby tak to podczepi do strony aby strona zachował swój oryginalny wygląd graficzny


Ale co "podczepi" ?

Popraw tytuł wątku na dokładniej opisujący Twój problem i napisz konkretnie, po polsku, a nie "polskiemu", na czym on polega.
frames123
7.05.2011, 11:11:38
i ostatni plik formularz.css
[PHP] pobierz, plaintext 
  1. body  {
  2.  
  3. }
  4.  
  5. a:focus { 
  6. 	outline:none; /*usuwanie niebieskiej obwódki w FF*/
  7. }
  8.  
  9. #kontener {
  10.  
  11. }
  12.  
  13.  
  14. #formularz {
  15.  
  16. }
  17.  
  18. #formularz div {
  19.  
  20. }
  21.  
  22. #formularz label {
  23. 	display: block;
  24. }
  25.  
  26. #formularz textarea {
  27.  
  28. }
  29.  
  30. #formularz input[type=text] {
  31.  
  32. }
  33.  
  34. #blad {
  35. 	background: #ff0000;
  36. 	padding: 10px;
  37. }
  38.  
  39. #blad p{
  40.  
  41. }
  42.  
  43. #sukces {
  44.  
  45. }
  46.  
  47. #sukces p{
  48.  
  49. }
  50.  
  51. .red {
  52. 	color: #ff0000;
  53. }
[PHP] pobierz, plaintext

ale ten ostatni raczej nie jest potrzebny

Cytat(blooregard @ 7.05.2011, 11:03:39 ) *
Ale co "podczepi" ?

Popraw tytuł wątku na dokładniej opisujący Twój problem i napisz konkretnie, po polsku, a nie "polskiemu", na czym on polega.


chodzi o to aby szablon formularza zakodować do pliku podstrony przez która będą wysyłane maile

www.photoprocessing.pl/test/index-6.html
dalej jest coś nie tak
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.