За последние 24 часа нас посетили 20163 программиста и 1713 роботов. Сейчас ищут 1425 программистов ...

Recaptcha через ajax контейнер

Тема в разделе "JavaScript и AJAX", создана пользователем Jnas, 28 авг 2011.

  1. Jnas

    Jnas Активный пользователь

    С нами с:
    31 май 2011
    Сообщения:
    22
    Симпатии:
    0
    Не могу объединить два работающих скрипта

    Здравствуйте, ув. форумчанины

    Решил поставить у себя на странице captcha , выбор пал на recaptcha.
    Имееться
    1) Рабочая страница с загрузкой данных через ajax (то есть не перегружая страницу )
    вот его код
    HTML:
    1.  
    2. <script type="text/javascript" src="jquery.js"></script>
    3. </head>
    4.     <form id="myForm">
    5.       <p>Вставте ссылку:<br/>
    6.         <input id="username" type="text" size="90"><br/>
    7.         <input type="submit" value="Отправить">
    8.       </p>
    9. </form>
    10.  
    11.     <form id="ajax">
    12.     </form>
    13.     <div id="content"></div>
    14.     <script>
    15.         $(document).ready(function(){
    16.        
    17.             $('#myForm').submit(function(){
    18.                         $("#content").fadeOut();
    19.                         $.ajax({
    20.                     type: "POST",
    21.                     url: "verify.php",
    22.                     data: "username="+$("#username").val(),
    23.                     success: function(html){
    24.                         $("#content").html(html).fadeIn(1000);
    25.                    }
    26.                 });
    27.                 return false;
    28.             });
    29.         });
    30.         $('#ajax').ajaxStart(function() {
    31.         $(this).text('Подожди пожалуйста, идет загрузка!');
    32.         $(this).fadeIn(1000);
    33.     });
    34.     $('#ajax').ajaxComplete(function() { $(this).fadeOut(1000); });
    35.     </script>
    36.     <br/><br/>
    37. </body>
    38. </body>
    39. </html>
    40.  
    2) Установленная и рабочая recaptcha

    HTML:
    1.  
    2.  <html>
    3.     <body>
    4.       <form method="post" action="verify.php">
    5.         <?php
    6.          require_once('recaptchalib.php');
    7.          $publickey = "Мой ключ";
    8.          echo recaptcha_get_html($publickey);
    9.        ?>
    10.         <input type="submit" />
    11.       </form>
    12.     </body>
    13.   </html>
    14.  
    Всё по отдельности работает, но объединив не работает, после ввода кода и нажав кнопку отправить, просто перегружается страница.
    Я в этом деле новенький, по этой причине прошу не судить строга
    Вот код полученной мною в результате объединения
    HTML:
    1.  
    2.   <html>
    3.   <head>
    4.  
    5. <script type="text/javascript">
    6.     <script type="text/javascript" src="jquery.js">
    7.     <script type="text/javascript">
    8.     var RecaptchaOptions = {
    9.        lang : 'ru',
    10.           theme : 'white',
    11.      tabindex : 6
    12.     };
    13.     </script>
    14. </head>
    15.     <body>
    16.     <form id="myForm">
    17.      <p>Вставте ссылку:<br/>
    18.         <input id="username" type="text" size="90"><br/>
    19.           <?php
    20.          require_once('recaptchalib.php');
    21.          $publickey = "мой паблик кей"; // you got this from the signup page
    22.           $phrase = 1;
    23.          echo recaptcha_get_html($publickey);
    24.        ?>
    25.         <input type="submit" value="Отправить">
    26.       </p>
    27.     </form>
    28.    
    29.     <form id="ajax">
    30.     </form>
    31.    
    32.     <div id="content"></div>
    33.     <script>
    34.         $(document).ready(function(){
    35.        
    36.             $('#myForm').submit(function(){
    37.                         $("#content").fadeOut();
    38.                         $.ajax({
    39.                     type: "POST",
    40.                     url: "verify.php",
    41.                     data: "username="+$("#username").val(),
    42.                     success: function(html){
    43.                         $("#content").html(html).fadeIn(1000);
    44.                    }
    45.                 });
    46.                 return false;
    47.             });
    48.         });
    49.         $('#ajax').ajaxStart(function() {
    50.         $(this).text('Подожди пожалуйста, идет загрузка!');
    51.         $(this).fadeIn(1000);
    52.     });
    53.     $('#ajax').ajaxComplete(function() { $(this).fadeOut(1000); });
    54.     </script>
    55.     <br/><br/>
    56.       </form>
    57.     </body>
    58.   </html>
    59.