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

Как убрать кнопку и добавить надпись "Идет загрузка&quo

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

  1. Jnas

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

    С нами с:
    31 май 2011
    Сообщения:
    22
    Симпатии:
    0
    Здравствуйте ув.-мые форумчанины.
    Сразу хочу сказать, в яваскриптах я полный чайник или самовар, по этой причине прошу Вашей помощи.
    Есть у мня страница, в этой странице имеется 2 поля ввода
    в одно вбивают данные, в другое капчу, и после чего нажимает пользователь на кнопку "отправить"
    Что стоить подправить в коде, чтоб после нажатия кнопки отправить , кнопка исчезала и появлялась надпись "Идет загрузка" и только после загрузки данных, опять появлялась данная кнопка.
    Или хотя бы просто , после нажатия кнопки "Идет загрузка". после получения данных данная надпись исчезала.

    На данный момент ситуация такова, данная загружает (но не ясно загружает или нет, поэтой причине охото нажать еще раз на кнопку отправить и возникает караул)

    Код конечно не мой, взял на просторах инета и чуть подкорректировал

    Имеется код

    HTML:
    1.  
    2. <?php
    3. ob_start("ob_gzhandler");
    4. ?>
    5. <script type="text/javascript" src="prototype.js"></script>
    6. <script type="text/javascript">
    7. function sendRequest() {
    8. new Ajax.Request("/ajaxvalidate.php",
    9. {
    10. method: 'post',
    11. parameters: 'username='+$F('username')+'&recaptcha_challenge_field='+$F('recaptcha_challenge_field')+'&recaptcha_response_field='+$F('recaptcha_response_field'),
    12. onComplete: showResponse
    13. });
    14. }
    15. function showResponse(req){
    16. $('show').innerHTML= req.responseText;
    17. Recaptcha.reload();
    18. }
    19. <style type="text/css">
    20. P.yellow {background-color: #ffff00;}
    21. </head>
    22.  
    23. <form action="/ajaxvalidate.php" method="post" onsubmit="return false;">
    24.  
    25. Вставте ссылку:<br />
    26. <input style="background-color: #FFFFC0" type="text" name="username" id="username" size="90">
    27. <br />
    28. <?php
    29. require_once('recaptchalib.php');
    30. $publickey = "мой ключик)";
    31. echo recaptcha_get_html($publickey);
    32. ?>
    33. <input type="submit" value="Отправить" onClick="sendRequest()">
    34. </form>
    35.  
    36. <p class="blue" id="show"></p>
    37. <br />
    38. </font>
    39. </body>
    40. </html>
    41.  
     
  2. Invision

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

    С нами с:
    26 фев 2009
    Сообщения:
    1.437
    Симпатии:
    1
    Адрес:
    Томск
    При клике на текущий элемент (кнопку) навесить value='Загрузка...' (в jquert $(this).val('Загрузка...'); ) и повесить на input параметр disabled

    ~ так
    форма:

    HTML:
    1. <input id="postData" type="submit" value="Отправить" onClick="sendRequest()">
    [js]document.getElementById('postData').disabled = true;[/js]

    а вот как value изменить найди сам :D
     
  3. Jnas

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

    С нами с:
    31 май 2011
    Сообщения:
    22
    Симпатии:
    0
    Спасибо большое!