Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][BOOTSTRAP] Problem z menu i kontaktem
Forum PHP.pl > Forum > Przedszkole
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.

  1. <nav class="navbar navbar-fixed-top custom-navbar" role="navigation">
  2. <div class="container">
  3. <div class="navbar-header">
  4. <center><button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  5. <span class="icon icon-bar"></span>
  6. <span class="icon icon-bar"></span>
  7. <span class="icon icon-bar"></span>
  8. </button></center>
  9. </div>
  10. <div class="collapse navbar-collapse">
  11. <ul class="nav navbar-nav navbar-right">
  12. <li><a href="#home" class="smoothScroll">Strona główna</a></li>
  13. <li><a href="#about" class="smoothScroll">O nas</a></li>
  14. <li><a href="#video" class="smoothScroll">Filmy</a></li>
  15. <li><a href="#equipment" class="smoothScroll">Sprzęt</a></li>
  16. <li><a href="#gallery" class="smoothScroll">Galeria</a></li>
  17. <li><a href="#contact" class="smoothScroll">Kontakt</a></li>
  18. </ul>
  19. </div>
  20. </div>
  21. </nav>



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..

  1. <div class="col-sm-5">
  2. <div id="contact-section">
  3. <h3>Zapytaj o wolny termin</h3>
  4. <div class="alert alert-success" style="display: none"></div>
  5. <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="<?php $wyslij ?>">
  6. <div class="form-group">
  7. <input type="text" name="name" class="form-control" required="required" placeholder="Imię i Nazwisko">
  8. </div>
  9. <div class="form-group">
  10. <input type="email" name="email" class="form-control" required="required" placeholder="Adres E-mail">
  11. </div>
  12. <div class="form-group">
  13. <input type="text" name="termin" class="form-control" required="required" placeholder="Termin imprezy">
  14. </div>
  15. <div class="form-group">
  16. <textarea name="message" id="message" required="required" class="form-control" rows="4" placeholder="Treść wiadomości"></textarea>
  17. </div>
  18. <div class="form-group">
  19. <button type="submit" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" name="wyslij">Wyślj</button>
  20. </div>
  21. </form>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </section>
  28.  
  29. <!-- wysylanie wiadomości-->
  30. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  31. <div class="modal-dialog" role="document">
  32. <div class="modal-content">
  33. <div class="modal-header">
  34. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  35. <h2 class="modal-title" id="myModalLabel"><p style="color: black;">Formularz kontaktowy</p></h2>
  36. </div>
  37. <div class="modal-body">
  38. <?php echo $item->body; ?>
  39. <p style="color: black;">
  40. <?php
  41. if ($_POST["wyslij"])
  42. {
  43. if (empty($_POST['name']) ||
  44.  
  45. empty($_POST['email']) ||
  46.  
  47. empty($_POST['termin']) || empty($_POST['message'])) {
  48.  
  49. echo 'Wiadomość nie została wysłana';
  50. }
  51. else
  52. {
  53. $status = array(
  54. 'type'=>'success',
  55. 'message'=>'Dziękuję za wysłanie wiadomości, odpowiem najszybciej jak się da. '
  56. );
  57.  
  58. $name = @trim(stripslashes($_POST['name']));
  59. $email = @trim(stripslashes($_POST['email']));
  60. $termin = @trim(stripslashes($_POST['termin']));
  61. $subject = @trim(stripslashes($_POST['subject']));
  62. $message = @trim(stripslashes($_POST['message']));
  63.  
  64. $email_from = $email;
  65. $email_to = 'slawek.krybus@gmail.com';//replace with your email
  66.  
  67. $body = 'Imię i Nazwisko: ' . $name . "\n\n" . 'Email: ' . $email . "\n" . 'Termin: ' . $termin . "\n\n" . $message;
  68.  
  69. $success = @mail($email_to, $subject, $body, 'From: <'.$email_from.'>');
  70. echo 'Wiadomość została wysłana';
  71. }
  72. ?>
  73.  
  74. Proszę o pomoc
  75. Pozdrawiam
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:

  1. <!-- contact -->
  2.  
  3. <div class="contact-section">
  4. <div class="ear-piece">
  5. <img class="img-responsive" src="images/contact_graphic.png" alt="">
  6. </div>
  7. <div class="container">
  8. <div class="row">
  9. <div class="col-sm-3 col-sm-offset-4">
  10. <div class="contact-text">
  11. <h3>Kontakt</h3>
  12. <address>
  13.  
  14. </address>
  15. </div>
  16. </div>
  17. <div class="col-sm-5">
  18. <div id="contact-section">
  19. <h3>Zapytaj o wolny termin</h3>
  20. <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="<?php $wyslij ?>">
  21. <div class="form-group">
  22. <input type="text" name="name" class="form-control" required="required" placeholder="Imię i Nazwisko">
  23. </div>
  24. <div class="form-group">
  25. <input type="email" name="email" class="form-control" required="required" placeholder="Adres E-mail">
  26. </div>
  27. <div class="form-group">
  28. <input type="text" name="termin" class="form-control" required="required" placeholder="Termin imprezy">
  29. </div>
  30. <div class="form-group">
  31. <textarea name="message" id="message" required="required" class="form-control" rows="4" placeholder="Treść wiadomości"></textarea>
  32. </div>
  33. <div class="form-group">
  34. <button type="submit" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal" name="wyslij">Wyślj</button>
  35. </div>
  36. </form>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </section>
  43.  
  44. <!-- wysylanie wiadomości-->
  45. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  46. <div class="modal-dialog" role="document">
  47. <div class="modal-content">
  48. <div class="modal-header">
  49. <h2 class="modal-title" id="myModalLabel"><p style="color: black;">Formularz kontaktowy</p></h2>
  50. </div>
  51. <div class="modal-body">
  52. <?php echo $item->body; ?>
  53. <p style="color: black;">
  54. <?php
  55. if ($_POST["wyslij"]) {
  56.  
  57. $name = @trim(stripslashes($_POST['name']));
  58. $email = @trim(stripslashes($_POST['email']));
  59. $termin = @trim(stripslashes($_POST['termin']));
  60. $subject = @trim(stripslashes($_POST['subject']));
  61. $message = @trim(stripslashes($_POST['message']));
  62. $email_from = $email;
  63. $email_to = 'slawek.krybus@gmail.com';//replace with your email
  64.  
  65. $body = 'Imię i Nazwisko: ' . $name . "\n\n" . 'Email: ' . $email . "\n" . 'Termin: ' . $termin . "\n\n" . $message;
  66.  
  67. $success = @mail($email_to, $subject, $body, 'From: <'.$email_from.'>');
  68. echo 'Wiadomość została wysłana';
  69. }
  70. else {
  71.  
  72. if (($name == "") || ($email == "") || ($termin == "") || ($message == ""))
  73.  
  74. echo 'Nie mozesz'; }
  75. ?>
  76. </p>
  77. </div>
  78. <div class="modal-footer">
  79. <button type="button" class="btn btn-primary pull" data-dismiss="modal">Powrót</button>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <!--/#wysylanie wiadomości-->



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..
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.