[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Вывод прогресс бара при загрузке формы
segazav
Есть рабочий код вывода "крутилки":

<?php
// Скрипт вывода крутилки (библиотека: blocks/jquery-1.3.2.min.js)
echo "<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
var background = $('<div>').css({'backgroundColor' : '#000', 'width' : '100%', 'height' : '100%', 'position' : 'fixed', 'z-index' : '9', 'top' : '0', 'left' : '0', 'opacity' : '0.6'});
var image = $('<img>').attr({'src': 'http://image/zagruzka.gif'});
var text = $('<span>').text('Дождитесь завершения загрузки!').css({'font-family': 'Verdana, Arial, Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '16px', 'color': '#FFFFFF'});
var loading = $('<div>').css({'z-index' : '10', 'position' : 'fixed', 'top' : '40%', 'left' : '45%', 'margin' : '-64px 0 0 -64px', 'text-align': 'center'})
.html(image).append('<br><br>').append(text);

$('#submit').click(function(){
$('body').prepend(loading).prepend(background);
});
});
//]]>
</script>"
;
?>


Но он срабатывает сразу при нажатии кнопки:

<input name="dobavity" type="submit" class="knopka" id="submit" value="Загрузить">


Как изменить скрипт, чтобы "крутилка" выводилась при отправке формы на сервер?
McLotos
http://rche.ru/737_otpravka-post-s-pomoshhyu-ajax.html

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.