Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: formularz z zakładkami
Forum PHP.pl > Forum > Przedszkole
kmpl
Witam
posiadam taki kod do obsłużenia pól formularza:
  1. <?php if(strstr($_POST['klawisz'],'zapisz')!==FALSE){echo 'zapisano dane';} ?>
  2.  
  3. <form name="test" method="POST">
  4. <input type="submit" value="Dane osobowe" name="klawisz" />
  5. <input type="submit" value="Kursy" name="klawisz" />
  6. <br/>
  7. <br>
  8.  
  9. <?php if(strstr($_POST['klawisz'],'Dane osobowe')!==FALSE){echo '<label>imie</label>';} ?>
  10.  
  11. <br><input type="<?php if(strstr($_POST['klawisz'],'Dane osobowe')!==FALSE){echo 'text';}else{ echo 'hidden';} ?>" name="imie" value="<?php echo $_POST['imie'] ?>" />
  12. <br/>
  13. <?php if(strstr($_POST['klawisz'],'Dane osobowe')!==FALSE){echo '<label>nazwisko</label>';} ?>
  14. <br> <input type="<?php if(strstr($_POST['klawisz'],'Dane osobowe')!==FALSE){echo 'text';}else{ echo 'hidden';} ?>" name="nazwisko" value="<?php echo $_POST['nazwisko'] ?>" />
  15. <br/>
  16. <?php if(strstr($_POST['klawisz'],'Kursy')!==FALSE){echo '<label>kurs 1</label>';} ?>
  17.  
  18. <br> <input type="<?php if(strstr($_POST['klawisz'],'Kursy')!==FALSE){echo 'text';}else{ echo 'hidden';} ?>" name="kurs1" value="<?php echo $_POST['kurs1'] ?>" />
  19. <br/>
  20. <br>
  21. <input type="submit" value="zapisz" name="klawisz" />
  22. </form>


oraz skrypt do zakładek:
  1.  
  2. <style><!--
  3. #header {
  4. width: 100%;
  5. float: left;
  6. border-bottom: 1px solid #aaa;
  7. }
  8.  
  9. ul.tabs {
  10. margin: 0;
  11. padding: 0;
  12. list-style: none;
  13. }
  14.  
  15. ul.tabs li {
  16. margin: 0;
  17. padding: 0;
  18. float: left;
  19. }
  20.  
  21. ul.tabs a {
  22. text-decoration: none;
  23. display: block;
  24. margin: 0 2px 0 2px;
  25. padding: 3px 10px;
  26. border: 1px solid #aaa;
  27. border-width: 1px 1px 0 1px;
  28. background: #ddd;
  29. color: #888;
  30. }
  31.  
  32. ul.tabs a.current {
  33. background: white;
  34. color: black;
  35. margin-bottom: -1px;
  36. padding-bottom: 4px;
  37. }
  38.  
  39. ul.tabs a:hover {
  40. background: white;
  41. }
  42. --></style>
  43.  
  44. <div id="header">
  45. <ul class="tabs">
  46. <li><a href="#">Tab 1</a></li>
  47. <li><a href="#" class="current">Tab 2</a></li>
  48. <li><a href="#">Tab 3</a></li>
  49. <li><a href="#">Tab 4</a></li>
  50. </ul>
  51. </div>
  52.  


Chciałbym powiązać jedno z drugim ażeby uzyskać formularz z zakładkami.
deirathe
Użyj głowy?
Weź sobie wejdź na jquery i użyj tamtych zakładek masz dokumentacje ładnie do nich napisaną, to co tu dałeś nawet nie jest kompletne
kmpl
Można to zrobić bez jquery a skrypt jest kompletny.
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.