Advertisement
s4ros

e.14.2019-js

Jun 28th, 2019
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.37 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <title>...</title>
  7.   <style media="screen">
  8.     div {
  9.       display: block
  10.     }
  11.   </style>
  12. </head>
  13.  
  14. <body>
  15.   <div id="formularz">
  16.     <form name="zgloszenie" action="#">
  17.       <label for="imie">Imię</label><input type="text" name="imie" id="imie">
  18.       <label for="nazwisko">Nazwisko</label><input type="text" name="nazwisko" id="nazwisko">
  19.       <label for="email">E-Mail</label><input type="text" name="email" id="email">
  20.       <label for="usluga">Usługa</label><textarea name="usluga" rows="8" cols="80" id="usluga"></textarea>
  21.       <input type="checkbox" name="regulamin" value="" id="regulamin">Zapoznalem sie z regulaminem
  22.       <input type="button" name="reset" value="Resetuj" onclick="reset_form()">
  23.       <input type="button" name="submit" value="Wyślij" onclick="wyslij()">
  24.     </form>
  25.   </div>
  26.   <div id="uwaga" style="display: none; color: #F00">
  27.     <h2>Musisz zapoznać się z regulaminem!</h2>
  28.   </div>
  29.   <div id="podsumowanie" style="display: none">
  30.  
  31.   </div>
  32.   <script type="text/javascript" language="javascript">
  33.     var imie = document.getElementById('imie')
  34.     var nazwisko = document.getElementById('nazwisko')
  35.     var email = document.getElementById('email')
  36.     var usluga = document.getElementById('usluga')
  37.     var regulamin = document.getElementById('regulamin')
  38.  
  39.     var uwaga = document.getElementById('uwaga')
  40.     uwaga.style.display = 'none'
  41.     var podsumowanie = document.getElementById('podsumowanie')
  42.     podsumowanie.style.display = 'none'
  43.     // funkcja resetująca wartości wszystkich pol
  44.     function reset_form() {
  45.       imie.value = ''
  46.       nazwisko.value = ''
  47.       email.value = ''
  48.       usluga.value = ''
  49.       regulamin.checked=false
  50.       uwaga.style.display = 'none'
  51.       podsumowanie.style.display = 'none'
  52.     }
  53.  
  54.     function wyslij() {
  55.       if (regulamin.checked) {
  56.         uwaga.style.display = 'none'
  57.         podsumowanie.style.display = 'block'
  58.         podsumowanie.innerHTML = `
  59.         <p align="center">`+ imie.value.toUpperCase() + ' ' + nazwisko.value.toUpperCase() +`</p>
  60.         <p align="center">Treść Twojej sprawy: `+ usluga.value +`</P>
  61.         <p align="center">Na podany email zostanie wysłana oferta</p>
  62.         `
  63.  
  64.       } else {
  65.         uwaga.style.display = 'block';
  66.       }
  67.     }
  68.   </script>
  69. </body>
  70.  
  71. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement