Advertisement
Guest User

cta.html.erb

a guest
Oct 21st, 2015
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.92 KB | None | 0 0
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"  type="text/javascript"></script>
  2. <script>
  3.     $(document).ready(function(){
  4.         $('#btn_submit').click(function(){
  5.             // собираем данные с формы
  6.             var user_name    = $('#user_name').val();
  7.             var user_email   = $('#user_email').val();
  8.             var text_comment = $('#text_comment').val();
  9.             // отправляем данные
  10.             $.ajax({
  11.                 url: "action.php", // куда отправляем
  12.                 type: "post", // метод передачи
  13.                 dataType: "json", // тип передачи данных
  14.                 data: { // что отправляем
  15.                     "user_name":    user_name,
  16.                     "user_email":   user_email,
  17.                     "text_comment": text_comment
  18.                 },
  19.                 // после получения ответа сервера
  20.                 success: function(data){
  21.                     $('.messages').html(data.result); // выводим ответ сервера
  22.                 }
  23.             });
  24.         });
  25.     });
  26. </script>
  27. <a href="#openModal"><input type="submit" class="bigbutton" value="Оформить заявку"></input></a>
  28. <div id="openModal" class="modalDialog">
  29.   <div>
  30.     <a href="#close" type= title="Close" class="close"><input type="submit" value="X"></input></a>
  31.     <h2>Введите данные</h2>
  32.     <div class="messages"></div>
  33.     <br/>
  34.     <label>Ваше имя:</label><br/>
  35.     <input type="text" id="user_name" value="" /><br/>
  36.  
  37.     <label>Ваш e-mail:</label><br/>
  38.     <input type="text" id="user_email" value="" /><br/>
  39.  
  40.     <label>Текст сообщения:</label><br/>
  41.     <textarea id="text_comment"></textarea>
  42.  
  43.     <br/>
  44.     <input type="button" value="Отправить" id="btn_submit" />
  45.   </div>
  46. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement