| |
|
|
| | Есть рабочий код вывода "крутилки":
<?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="Загрузить">
|
Как изменить скрипт, чтобы "крутилка" выводилась при отправке формы на сервер? | |
| |
|
|
| |
|
|
| |
для: segazav
(14.07.2014 в 07:12)
| | | Во-первых - "крутилка" имеет смыл только в случае асинхронной отправки формы, Ajax.
Во-вторых - в этом случае нужно обрабатывать событие не onsubmit формы, а события Ajax.
http://jquery.page2page.ru/index.php5/Ajax | |
| |
|
|
