[PHP][BOOTSTRAP] Problem z menu i kontaktem Opcje

[awek320]

Witam.

1.Chciałbym wiedzieć jak zrobić aby menu które pokazuje się na laptopie, było inne niż w telefonie.
Chodzi mi o to aby tło menu na laptopie było przezroczyste a tło na telefonie np. niebieskie.

[PHP] pobierz, plaintext 
<nav class="navbar navbar-fixed-top custom-navbar" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<center><button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="icon icon-bar"></span>
					<span class="icon icon-bar"></span>
					<span class="icon icon-bar"></span>
				</button></center>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#home" class="smoothScroll">Strona główna</a></li>
					<li><a href="#about" class="smoothScroll">O nas</a></li>
					<li><a href="#video" class="smoothScroll">Filmy</a></li>
					<li><a href="#equipment" class="smoothScroll">Sprzęt</a></li>
					<li><a href="#gallery" class="smoothScroll">Galeria</a></li>
					<li><a href="#contact" class="smoothScroll">Kontakt</a></li>
				</ul>
			</div>
		</div>
	</nav>  
[PHP] pobierz, plaintext 

2. Tutaj mam problem z kontaktem. Okno modalne znika dosłownie w mgnieniu oka. Chciałbym aby nie znikało aż do naciśnięcia przycisku zamknij. A druga sprawa jest taka że gdy wywala błąd "wiadomość nie wysłana" to pojawia się białe okno modalne i nie ma tego komunikatu..

[PHP] pobierz, plaintext 
					<div class="col-sm-5">
						<div id="contact-section">
							<h3>Zapytaj o wolny termin</h3>
					    	<div class="alert alert-success" style="display: none"></div>
					    	<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">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <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"])
    {
	if (empty($_POST['name']) ||
 
        empty($_POST['email']) ||
 
        empty($_POST['termin']) || empty($_POST['message'])) {
 
		echo 'Wiadomość nie została wysłana';
    }
    else
    {
	$status = array(
		'type'=>'success',
		'message'=>'Dziękuję za wysłanie wiadomości, odpowiem najszybciej jak się da. '
	);
 
    $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';	
    }
    ?>
 
Proszę o pomoc
Pozdrawiam
[PHP] pobierz, plaintext 

[patwoj98]

1. Zastosuj media-query i definiuj dla jednej klasy różne tło w zależności od wielkości ekranu. Poczytaj: MEDIA QUERY

2. Wydaje mi się, że brakuje kodu, który wywala Ci całą stronę i który jest poniżej.

P.S. 2 pytania - 2 tematy. Rozbijaj takie rzeczy.

[awek320]

Cały skrypt okna modalnego:

[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 

Problem polega na tym.. że gdy nie wpiszemy nic w formularrzu okno modalne jest puste, ale zostaje.. Gdy wypiszemy dobrze formularz to okno modalne wgl nie wyskakuje tylko odrazu się strona odświeża..

Ten post edytował awek320 18.10.2017, 13:45:47