[PHP]Bootstrap - polaczenie ramki modalnej z formularzem php Opcje

[awek320]

Witam. Mam problem z wiadomoscia zwrotna w ramce modalnej.
Gdy jest blad wszystko jest ok. Ale gdy formularz sie wysle to strona sje odswieza.. i ramki nie ma..

Prosze o pomoc

[PHP] pobierz, plaintext 
	<!-- contact -->
 
		<div class="contact-section">
			<div class="ear-piece">
				<img class="img-responsive" src="images/contact_graphic.png" alt="">
			</div>
			<div class="container">
				<div class="row">
					<div class="col-sm-3 col-sm-offset-4">
						<div class="contact-text">
							<h3>Kontakt</h3>
							<address>
 
							</address>
						</div>
					</div>
					<div class="col-sm-5">
						<div id="contact-section">
							<h3>Zapytaj o wolny termin</h3>
					    	<form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="<?php $wyslij ?>">
					            <div class="form-group">
					                <input type="text" name="name" class="form-control" required="required" placeholder="Imię i Nazwisko">
					            </div>
					            <div class="form-group">
					                <input type="email" name="email" class="form-control" required="required" placeholder="Adres E-mail">
					            </div>
					            <div class="form-group">
					                <input type="text" name="termin" class="form-control" required="required" placeholder="Termin imprezy">
					            </div>								
					            <div class="form-group">
					                <textarea name="message" id="message" required="required" class="form-control" rows="4" placeholder="Treść wiadomości"></textarea>
					            </div>                        
					            <div class="form-group">
					                        <button type="submit" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" name="wyslij">Wyślj</button>
					            </div>
					        </form>	 
				       </div>
					</div>
				</div>
			</div>
		</div>	
	</section>
 
	<!-- wysylanie wiadomości-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="modal-title" id="myModalLabel"><p style="color: black;">Formularz kontaktowy</p></h2>
      </div>
      <div class="modal-body">
        <?php echo $item->body; ?>
		<p style="color: black;">
		<?php 
    if ($_POST["wyslij"]) {
 
    $name = @trim(stripslashes($_POST['name'])); 
    $email = @trim(stripslashes($_POST['email']));
    $termin = @trim(stripslashes($_POST['termin'])); 	
    $subject = @trim(stripslashes($_POST['subject'])); 
    $message = @trim(stripslashes($_POST['message'])); 
    $email_from = $email;
    $email_to = 'slawek.krybus@gmail.com';//replace with your email
 
    $body = 'Imię i Nazwisko: ' . $name . "\n\n" . 'Email: ' . $email . "\n" . 'Termin: ' . $termin . "\n\n" .  $message;
 
    $success = @mail($email_to, $subject, $body, 'From: <'.$email_from.'>');
		echo 'Wiadomość została wysłana';	
    }
		else {
 
		if (($name == "") || ($email == "") || ($termin == "") || ($message == ""))
 
		echo 'Nie mozesz'; }
    ?>
	</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary pull" data-dismiss="modal">Powrót</button>
      </div>
    </div>
  </div>
</div>
	<!--/#wysylanie wiadomości-->
[PHP] pobierz, plaintext 

Wiem ze kod php formularza jest zle napisany ale to i tak nie powinno ma poczatku miec jakies znaczenie

[Tomplus]

Ustaw sobie że po przeładowaniu na przed modalem:

[PHP] pobierz, plaintext 
if(isset($_POST["wyslij"])) {
   $pokazModal = ' in';
}
[PHP] pobierz, plaintext 

a w klasie CSS deklarujący styl modal

Kod

class="modal fade {$pokazModal}"

[awek320]

Powiem szczerze że nie wiem za bardzo jak i o o chodzi..

[Tomplus]

1. Chcesz aby modal po odświeżeniu się pojawił?
2. Chcesz aby w tym modalu był komunikat (np. zapis się udał)

Tak?
Powyżej przedstawiłem przykład jak zrobić aby po zapisie formularza aby modal pojawił się od razu na stronie, rozszerzając tą funkcję możesz wygenerować także komunikat.

[awek320]

Tak tak.. ale nie wiem dlaczego strona sie przeladowuje.. gdyby sie nie przeladowywala to komunikat by zostawal..

[Tomplus]

W tym kodzie co pokazałeś nie ma innego sposobu jak przeładowanie się strony, bo aby się nie przeładowała to musiałby zapis być wykonany przez JS.
Kodu JS nie podałeś.

Po prostu porównaj sobie kod gdy zwraca Ci błąd, z kodem który tego błędu nie ma.

[awek320]

To zostawmy juz te przeladowywanie..

Ale to tak czy siak okno modalne powinno sie pokazywac tak ? A nie znikac zaraz po odswiezeniu..

Prosze o pomoc bo juz naprawde nie wiem jak to zrobic..

[Tomplus]

Modal to zwykła warstwa HTML która zostaje odkryta po instrukcji skryptu JavaScript.

Więc jest rzeczą logiczną że po przeładowaniu strony (odświeżenie strony też nim jest) modal zniknie, chyba że zażądamy dodatkowego zainicjowania modalu. Tak jak podałem na przykładzie.

Jeżeli ma nie znikać, to musisz zrobić tak aby strona gdzie jest modal nie odświeżał się przez formularz, a poprzez JS.
(wysyłasz zapytanie poprzez JS do przygotowanego pliku PHP, a ten odpowiada tworząc od nowa cały formularz, albo jedynie wyświetlając odpowiedni komunikat.)